Figma - Prototype with two actions on a button (hover & click) + auto Layout + component + variant

Опубликовано: 18 Июнь 2026
на канале: JessUI Design
47,852
517

❤️ To master the fundamentals of Figma and save time: https://www.jess-ui-design.com/master...
⇩ See more ⇩

A second video on prototypes in @Figma, but focusing on a specific case study: how to perform two actions on a button: a hover and a click.

I'll take this opportunity to review various features such as:
Auto-layout
Creating components
Variants

///////////// Training
If you want me to help you learn Figma, through a project from A to Z, from wireframe to prototype, click here: https://jessicatrocme.podia.com/

////////// Links in the video
Figma Auto Layout / A feature to make life easier for web designers / Dynamic button
   • Figma Auto Layout / Une fonctionnalité pou...  

FIGMA Intro VARIANTS - New FEATURE - Easier to use COMPONENTS - French tutorial - #1
   • FIGMA Intro VARIANTS - Nouvelle FONCTIONNA...  

How to create components and name them correctly? :    • Figma tutoriel : Les composants  -  Les ba...  

/////////// Who am I?
I've been a web designer and front-end developer for 10 years. I had an unusual background with a bachelor's degree in Physics and Chemistry and a master's degree in MEEF (Mediterranean Economics and Economics), but I found my passion 10 years ago. I'm self-taught, learning through books, tutorials, and practice. Since then, I've gained a lot of experience in the field, working on numerous websites, many of which are public, such as the latest ones launched in early 2020:
https://www.haute-vienne.fr/accueil
https://assises.haute-vienne.fr/accueil
https://www.cc-montesquieu.fr/accueil
https://www.technopole-bordeaux-monte...

////////// Connect with me here 👍🏼
Facebook:   / jessicatrocmedesign  
LinkedIn:   / jessica-trocm%c3%a9-96a3b868  

#prototype #figma #tutorial