interface figma sur fond violet avec logo digidop académie et titre du chapitre

Chapitre I - Figma 360°

Thomas
30 min
17 vidéos

Figma est un outil de webdesign conçu pour créer et designer des maquettes web.  L'outil propose de nombreuses fonctionnalités permettant de gérer des éléments vectoriels, matriciels, de créer des wireframe, des maquettes UI, des prototypes web, etc. 

Dans ce chapitre nous faisons un tour à 360° des utilisations de Figma et de son interface :

  1. Immersion dans le dashboard principal
  2. Exemples d'utilisation de Figma
  3. Découverte de Figma Community
  4. Présentation des fonctionnalités du designer

Bon cours !

Voir

Chapitre II - Préparer son fichier de design

Thomas
30 min
12 vidéos

Avant de lancer tout projet de webdesign, il est important de préparer son fichier Figma. Dans chapitre nous préparons ensemble, chacune des pages qui vous seront indispensables pour la suite du projet.

Voir
oeil noir et blanc ,avec des curseurs qui adaptent des vecteurs sur fond violet et titre du chapitre III du cours sur Figma

Chapitre III - Principes du webdesign

Thomas
52 min
21 vidéos

Il existe de nombreuses règles en matière de webdesign qui sont importantes à connaitre. Dans ce chapitre nous explorons les principales tendances, habitudes consommateurs, idées reçus, et principes en matière de webdesign. Notre analyse se porte sur les aspects UX, UI et également sur l'enjeux d'accessibilité web. Nous finirons par une analyse de la page Client-First sur ces différents points. 

Voir
plusieurs formes vectorielles jaunes, violette, bleues, avec des curseurs et stylos et le titre du chapitre sur fond violet avec logo digidop académie

Chapitre IV - Maquettes UX & UI

Thomas
1 h 36 min
14 vidéos

Dans ce chapitre nous réalisons ensemble la maquette UX et UI de la page Client-First. On se retrouve dans le designer de Figma pour mettre en application toutes les notions et fonctionnalités qu'on a vu dans les précédents chapitres. C'est parti pour maquetter !

Voir
plusieurs formes vectorielles jaunes, violette, bleues, avec des curseurs et flèche et le titre du chapitre sur fond violet avec logo digidop académie

Chapitre V - Prototypage

Thomas
17 min
4 vidéos

Donnez vie à votre maquette avec la fonctionnalité de prototypage Figma. Dans ce chapitre, je vous apprends à créer vos premières animations dans Figma, et rendre l'interaction et la navigation possible entre les pages. Créez votre prototype web avant de lancer le développement.

Voir
plusieurs formes vectorielles jaunes, violette, bleues, logo figma, logo webflow et le titre du chapitre sur fond violet avec logo digidop académie

Chapitre VI - Design System

Thomas
15 min
5 vidéos

Dans ce chapitre nous faisons un tour du projet pour préparer la migration de notre maquette Figma vers Webflow. Nous complétons et optimisons le design system de notre fichier, en nous assurant que chaque élément est à jour pour le développement web. 

Voir
plusieurs formes vectorielles jaunes, violette, bleues, logo figma, logo webflow et le titre du chapitre sur fond violet avec logo digidop académie

Chapitre VII - Collaborer sur Figma

Thomas
3 vidéos

Figma est un outil de webdesign collaboratif ! Dans ce chapitre je vous montre plusieurs astuces et fonctionnalités pour collaborer en direct ou en asynchrone sur Figma. Partagez votre projet, présenter une maquette, faites des feedbacks et collaborez en direct sur Figma. 

Voir
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Ils ont suivis nos formations...

Et ils ont 💜

Super équipe ! Webflow est ergonomique et très facile à manipuler (même pour moi qui n'avais jamais édité de site web), surtout grâce aux conseils avisés des experts et à leur disponibilité : ils répondent tout de suite aux questions ! J'ai tout compris aux stratégies SEO, merci Digidop !

Quitterie Lasserre

Quitterie Lasserre

Étudiante en école de commerce

On a eu plusieurs échanges avec Digidop, ils sont vraiment qualifiés et connaissent très bien le domaine du SEO.Ils nous ont aussi bien aidé et apporter de bons conseils pour optimiser webflow.Des professionnels du SEO de A à Z.Au top, merci à vous :)

Adam Achir

Adam Achir

CEO @reborn.app

Super intéressant, super facile, en bref juste super ! Je remercie Florian pour son temps et ses explications !

Charlotte

Charlotte

Brand Manager @Kiliba

J'ai suivi une formation avec Florian sur la prise en main de Webflow après une refonte du site. L'accompagnement est au top ! A l'écoute, disponible et pédagogue je recommande fortement l'agence Digidop

Maxime

Maxime

Marketing @kiliba

Accès à vie au cours Figma

0€

Apprenez les bases du design et devenez freelance !

J'en profite !

Des questions ?

A qui s'adresse la formation ?

La formation Figma s'adresse à toutes personnes débutantes et intermédiaires, qui veulent apprendre à designer dans Figma et gérer des projets de webdesign : designers, we-designer, UX designer, étudiants, professeurs, community manager, agences web, développeur d'applications web, etc. 

Que m'apprend cette formation sur Figma ?

L'objectif de cette formation est de vous apprendre à gérer un projet de webdesign de A à Z grâce à Figma. 

  • Apprendre à utiliser les fonctionnalités Figma
  • Apprendre à réaliser une charte graphique
  • Connaitre des concepts de design en UI, UX et accessibilité web
  • Apprendre à faire un wireframe UX
  • Apprendre à créer une maquette UI
  • Développer un prototype web animé
  • Collaborer sur Figma

Combien coûte la formation ? 

La formation Figma est pour le moment entièrement gratuite. L'objectif est de partager avec toute la communauté du design web, développement web, et no-code, nos connaissances en gestion de projets de web design et conception d'interfaces web sur Figma.

La formation est-elle éligible au CPF ?

Notre formation en ligne sur Figma n'est pas éligible au CPF. Mais tu n'en a pas besoin. Car c'est une formation gratuite !

icone webflowmade-in-webflow-svg