Chapitre I - Figma 360°

Figma est un outil de webdesign conçu pour créer et designer des maquettes web. Introduction sur ce chapitre ou nous vous présentons l'outil Figma à 360°.

Il existe deux types de fichiers dans Figma : les Design File et les FigJam File. Présentation de ces deux fichiers Figma, avantages et cas d'utilisation.

Apprenez à ajouter un fichier Figma en favori pour y accéder plus rapidement. Créez des fichiers favoris pour vos templates, projets en cours, design system, mockups et autres fichiers de design que vous utilisez fréquemment.

Organisez votre Figma en "Equipe", pour collaborer plus facilement sur vos projets. Dans cette vidéo, nous vous montrons comment créer et gérer une équipe sur Figma.

Apprenez à créer des dossiers sur Figma, pour regrouper vos fichiers de design et fichier FigJam. Organisez tous vos projets de design en dossiers : dossiers maquettes clients, dossier marketing, dossier fichiers template, dossier design system, etc.

Pourquoi utiliser Figma ? Vidéo d'introduction sur plusieurs exemples d'utilisations de Figma. Cet outil de webdesign vous servira pour de nombreux projets professionnels et personnels : projets de webdesign, projets marketing, wireframe, brainstorming d'équipe, timeline, visuels, merchandising, maquettes web, prototypes web, etc.

Utilisez les fichiers FigJam pour organiser vos designs print, prendre des notes, chronométrer vos ateliers, collaborer avec vos équipes. L'outil vous permet de facilement collaborer et brainstormer à plusieurs.

Exemple d'utilisation de Figma pour des projets de webdesign. Créer des wireframes UX, maquettes UI, prototypes web et gérez vos projets pour concevoir un site, une web app ou tout type d'interface.

Création de visuels, campagnes de publicité, posts sur les réseaux sociaux, conception de landing page, design de merchandise, etc... Figma est un outil parfaitement adapté pour les projets d'équipes marketing et communication. Un outil solide sur lequel on peut s'appuyer pour concevoir les designs de sa stratégie marketing à long terme.

Utilisez des modèles prédéfinis sur Figma pour gagner du temps dans vos projets web. Modèles de maquettes, template de design system, fichier charte graphique préconçu, etc.

Création de CV, retouche de photos, organisation et plannings, réflexions et mind map, etc. Les utilisations de Figma pour des projets personnels sont nombreuses ! En réalité, que vous ayez besoin de simplement poser des idées, structurer un projet, ou encore designer des visuels, l'outil peut sans problème répondre à ces besoins.

La Figma Community ou communauté Figma, est un lieu de rencontre entre des milliers de designers. Vous pourrez y partager des projets de webdesign, des maquettes, des mockups, des illustrations, des design systems, des fichiers figjam, etc.

Introduction sur ce chapitre dédié à l'interface du designer de Figma. Nous faisons un tour à 360° du designer et des différentes fonctionnalités qu'il propose : barre d'outil, panneau de configuration, canvas, panneau de prototype web, librairie Figma, etc

Analyse du Canvas sur Figma, cet arrière-plan de votre designer où tout se crée. C'est à cet endroit que vous viendrez designer, créer vos maquettes, déposer vos éléments graphiques, vos composants, etc.

Vue d'ensemble des différentes fonctionnalités de la barre d'outil de Figma. Dans cette vidéo nous parcourons l'utilisation des différents outils de design tels que les frame, composants, vecteurs, textes, slice, resize, etc.

Découverte du panneau de configuration de gauche sur Figma. Espace qui regroupe les layers, assets et pages de votre fichier de design.

Présentation du panneau de configuration de droite de Figma, qui regroupe les fonctionnalités de design, de prototype web et le mode inspect pour les développeurs.