×
Create CV Books Summaries Online Courses Blog Communities

Login

Sign up
MindLuster Logo
Categories
Recent

Composants de base dans figma

Track :

Web Design
Course Presenter :

JessUI Design

Lessons no : 60

For Free Certificate After Complete The Course

To Register in Course you have to watch at least 30 Second of any lesson

Join The Course Go To Community Download Course Content

What will you learn in this course?
  • Create reusable UI components such as buttons, icons, and content cards in Figma for efficient interface design
  • Understand the concept of components and instances to streamline design workflows in Figma
  • Modify master components to automatically update all their instances, ensuring design consistency
  • Organize and manage components effectively within Figma to build scalable design systems
  • Apply best practices for creating and maintaining a cohesive component library in Figma
  • Utilize Figma's component duplication and variant features to enhance design flexibility
  • Implement component-based design principles to improve collaboration and project efficiency
  • Optimize design processes by leveraging reusable elements for faster prototyping and iteration
  • Develop skills to create professional UI components aligned with user experience standards
  • Enhance productivity by mastering component organization and version control in Figma
  • Build a solid foundation in UI design components to support scalable and maintainable interfaces
  • Gain practical experience through exercises focused on creating and managing Figma components

How to Get The Certificate

  • You must have an account Register
  • Watch All Lessons
  • Watch at least 50% of Lesson Duration
  • you can follow your course progress From Your Profile
  • You can Register With Any Course For Free
  • The Certificate is free !
Lessons | 60
Figma tutoriel PROTOTYPE ANIMATIONS TRANSITIONS Les BASES FIGMA épisodes 2 Exemple concret
00:08:27

Figma tutoriel PROTOTYPE ANIMATIONS TRANSITIONS Les BASES FIGMA épisodes 2 Exemple concret
Figma tutoriel Les composants Les basiques Créer des composants Les organiser Instances
00:05:19

Figma tutoriel Les composants Les basiques Créer des composants Les organiser Instances
Mockup Figma Plugin Artboard Studio Abandonner Photoshop pour Figma logiciel dédié Web Design
00:05:41

Mockup Figma Plugin Artboard Studio Abandonner Photoshop pour Figma logiciel dédié Web Design
Figma Auto Layout Une fonctionnalité pour faciliter la vie des web designer Bouton dynamique
00:07:25

Figma Auto Layout Une fonctionnalité pour faciliter la vie des web designer Bouton dynamique
Figma Layout Grid plugin Blush Grille responsive Blush illustrations accessible pour tous
00:05:49

Figma Layout Grid plugin Blush Grille responsive Blush illustrations accessible pour tous
Neumorphism comment faire sous figma Qu est ce que le Neumorphisme Tuto Bonus ressources
00:05:42

Neumorphism comment faire sous figma Qu est ce que le Neumorphisme Tuto Bonus ressources
Neumorphism comment faire sous figma Qu est ce que le Neumorphisme Tuto Bonus ressources
00:05:42

Neumorphism comment faire sous figma Qu est ce que le Neumorphisme Tuto Bonus ressources
Tutoriel figma Comment exporter des éléments en png jpg svg et pdf
00:03:15

Tutoriel figma Comment exporter des éléments en png jpg svg et pdf
Tutoriel figma Comment exporter des éléments en png jpg svg et pdf
00:03:15

Tutoriel figma Comment exporter des éléments en png jpg svg et pdf
Figma tutoriel Les composants Les basiques Créer des composants Les organiser Instances
00:05:19

Figma tutoriel Les composants Les basiques Créer des composants Les organiser Instances
Figma tutoriel Quand utiliser des groupes versus des frames
00:06:02

Figma tutoriel Quand utiliser des groupes versus des frames
BASELINE GRID 8px Le tutoriel français ui design web design sous Figma Grille de ligne de base
00:05:46

BASELINE GRID 8px Le tutoriel français ui design web design sous Figma Grille de ligne de base
Créer des WIREFRAMES RAPIDEMENT FACILEMENT sous FIGMA Tutoriel français ou ZONING ou MOCKUP
00:10:00

Créer des WIREFRAMES RAPIDEMENT FACILEMENT sous FIGMA Tutoriel français ou ZONING ou MOCKUP
FIGMA Intro VARIANTS Nouvelle FONCTIONNALITÉ COMPOSANTS plus simple à utiliser tuto fr 1
00:10:26

FIGMA Intro VARIANTS Nouvelle FONCTIONNALITÉ COMPOSANTS plus simple à utiliser tuto fr 1
Figma Prototype avec deux actions sur un bouton hover clic auto Layout composant variant
00:06:11

Figma Prototype avec deux actions sur un bouton hover clic auto Layout composant variant
FIGMA AUTO LAYOUT mise à jour nov 2020 TUTORIEL français pour rendre des blocs responsives
00:08:49

FIGMA AUTO LAYOUT mise à jour nov 2020 TUTORIEL français pour rendre des blocs responsives
Figma tutoriel Composants complexe navigation Créer de multiple composants librairie Icons
00:12:57

Figma tutoriel Composants complexe navigation Créer de multiple composants librairie Icons
Figma Créer des styles des couleurs des typographies réutilisables Les basiques 3
00:07:21

Figma Créer des styles des couleurs des typographies réutilisables Les basiques 3
Figma Auto layout listes responsives avec hauteurs identiques et adaptatives
00:07:30

Figma Auto layout listes responsives avec hauteurs identiques et adaptatives
Figma Prototype Header et menu d ancre fixes Scroll to Animate
00:08:49

Figma Prototype Header et menu d ancre fixes Scroll to Animate
Figma Auto layout Créer une page entière tout en bloc auto layout Basique Figma 4
00:14:12

Figma Auto layout Créer une page entière tout en bloc auto layout Basique Figma 4
Figma Composants interactif Prototype variant Tuto FR
00:04:19

Figma Composants interactif Prototype variant Tuto FR
Figma Composants interactifs Interactives Components Prototype Smart animate
00:10:48

Figma Composants interactifs Interactives Components Prototype Smart animate
Figma Problème pour faire un scroll horizontal dans une frame Horizontal scrolling Tuto FR
00:03:18

Figma Problème pour faire un scroll horizontal dans une frame Horizontal scrolling Tuto FR
Figma Menu de navigation sous menu de type dropdown et megamenu Prototype
00:18:29

Figma Menu de navigation sous menu de type dropdown et megamenu Prototype
Figma Prototype Navigation de niveau 3 composants interactifs Scroll dans frame Tuto fr
00:07:26

Figma Prototype Navigation de niveau 3 composants interactifs Scroll dans frame Tuto fr
Figma Bouton RESPONSIVE INTERACTIF Variants Prototype
00:18:07

Figma Bouton RESPONSIVE INTERACTIF Variants Prototype
Figma Aurora UI design
00:04:04

Figma Aurora UI design
Figma ANIMATION au survol d une card Composants interactif Tuto fr
00:08:16

Figma ANIMATION au survol d une card Composants interactif Tuto fr
Figma GLASSMORPHISM UI Design Tuto fr
00:06:10

Figma GLASSMORPHISM UI Design Tuto fr
Figma Partager un lien vers un projet ou prototype
00:01:41

Figma Partager un lien vers un projet ou prototype
Si Mélenchon et Le Pen avaient eu le courage de reconstituer le CNR IDRISS ABERKANE Live
00:45:31

Si Mélenchon et Le Pen avaient eu le courage de reconstituer le CNR IDRISS ABERKANE Live
How to Mood Board for Web Design Web Design Tutorial
00:05:59

How to Mood Board for Web Design Web Design Tutorial
Figma 2022 Auto layout Mises à jour incroyables
00:08:59

Figma 2022 Auto layout Mises à jour incroyables

FIGMA 2022 COMPOSANTS et VARIANTS Gestion des propriétés mise à jour de fou
00:07:55

FIGMA 2022 COMPOSANTS et VARIANTS Gestion des propriétés mise à jour de fou

Animation bouton étoile sous Figma Composant interactif prototype mise à jour 2022
00:04:45

Animation bouton étoile sous Figma Composant interactif prototype mise à jour 2022

Figma Inspecter Facilite la vie des développeur front end
00:08:42

Figma Inspecter Facilite la vie des développeur front end
Apple animation Dynamic Island FIGMA TUTORIEL EN FRANÇAIS Player music
00:04:00

Apple animation Dynamic Island FIGMA TUTORIEL EN FRANÇAIS Player music
TAB BAR erreur UX Design Tuto FIGMA création Tab bar INTERACTIVE COMPONENT AUTO LAYOUT
00:09:43

TAB BAR erreur UX Design Tuto FIGMA création Tab bar INTERACTIVE COMPONENT AUTO LAYOUT
Mettre un sari 101 Comment réussir du premier coup Style nivi et variantes Jill Otter
00:14:57

Mettre un sari 101 Comment réussir du premier coup Style nivi et variantes Jill Otter
Show More Lessons


We Appreciate Your Feedback

Be the First One Review This Course

Excellent
0 Reviews
Good
0 Reviews
medium
0 Reviews
Acceptable
0 Reviews
Not Good
0 Reviews
0
0 Reviews

Our New Certified Courses Will Reach You in Our Telegram Channel
Join Our Telegram Channels to Get Best Free Courses

Join Now

Related Courses

Web Design for Beginners
7 Lessons

Web Design for Beginners

Adobe XD Web Design Tutorial For Beginners
41 Lessons

Adobe XD Web Design Tutorial For Beginners

ux ui
48 Lessons

ux ui

WIX Website Design for Beginners
8 Lessons

WIX Website Design for Beginners

GSAP Animation for Beginners
3 Lessons

GSAP Animation for Beginners

WordPress Website Development for Beginners
11 Lessons

WordPress Website Development for Beginners

Flutter App Development
82 Lessons

Flutter App Development

Business Website Design for beginners
3 Lessons

Business Website Design for beginners

Website Design Fundamentals
5 Lessons

Website Design Fundamentals

HTML Web Designing From Zero To Hero
18 Lessons

HTML Web Designing From Zero To Hero

Web Design Techniques for Beginners
14 Lessons

Web Design Techniques for Beginners

Adobe XD Techniques for Beginners
12 Lessons

Adobe XD Techniques for Beginners

Notion Techniques for Designers
9 Lessons

Notion Techniques for Designers

Editor X for Beginners
3 Lessons

Editor X for Beginners

Anima App Essentials
10 Lessons

Anima App Essentials

Figma Basics for Beginners
13 Lessons

Figma Basics for Beginners

Composants de base dans figma, Dans ce cours à ningué Composants de base dans Figma, vous découvrirez les fondations essentielles pour créer des interfaces efficaces et cohérentes. Nous apprendrons ce qu’est un composant, comment le créer, le dupliquer sous forme d’instances, et comment modifier les composants principaux pour appliquer automatiquement les changements à toutes leurs occurrences. Le cours vous guidera pas à pas dans la création d’éléments réutilisables comme des boutons, des icônes ou des cartes de contenu. Vous comprendrez l’importance de l’organisation des composants et leur rôle dans la construction de systèmes de design professionnels. Grâce à des exercices pratiques, vous serez capable d’optimiser votre processus de design et de garantir une meilleure productivité dans vos projets. Commencez ningué Composants de base dans Figma et développez des bases solides pour vos conceptions UI. JessUI Design