Carte d'événement1080 × 1350
Soirée Design
Apportez un carnet. Nous allons redessiner ensemble un ticket de bus.
Je participe- 1. Ajuster
- 2. Générer
- 3. Juger
Cette carte est cassée. Réparez-la.
Lisez le brief, puis utilisez le panneau de design. Quand les cinq vérifications sont vertes, demandez des versions à l'IA.
Frame
Dans Figma
Appuyez sur F pour dessiner un frame, puis choisissez une taille prédéfinie, comme une publication Instagram, dans le panneau de droite. Les frames sont vos plans de travail.
Format
Image
Dans Figma
Faites glisser une image sur une forme pour la remplir avec la photo. Le rayon des coins se trouve dans le panneau Design, à côté de la taille.
Afficher
Calque
Légende
Mise en page
Dans Figma
L'Auto layout (Shift + A) définit la marge interne et l'espacement entre les éléments, pour que tout reste régulier quand le contenu change.
Aligner
Texte
Dans Figma
Appuyez sur T pour ajouter du texte. Enregistrez polices et tailles comme styles de texte pour que tous les écrans du fichier restent cohérents.
Police
Couleur du texte
Remplissage
Dans Figma
Le remplissage est la couleur d'un calque. Cliquez sur la pastille pour coller un code hex. Vérifiez le contraste du texte avec un plugin comme Stark.
Fond
Bouton
- Hiérarchie
- Contraste 1.7:1
- Bouton visible
- Respiration
- Coins imbriqués
- Tient dans le frame ok
Passez d'abord les cinq vérifications au vert.
Les bases de Figma que vous utiliserez tous les jours
Les gestes que vous venez de faire, sous forme de vrais raccourcis Figma. Essayez-les quand vous ouvrirez Figma pour l'unité 1.
- F
Frame
Dessinez un frame (un plan de travail). Choisissez une taille prédéfinie dans le panneau de droite.
- T
Texte
Ajoutez du texte. Modifiez la police, la taille et l'interlignage dans le panneau Design.
- RO
Rectangle et ellipse
Dessinez des formes simples. Maintenez Shift pour garder un carré ou un cercle.
- ShiftA
Auto layout
Empilez des éléments avec une marge interne et des espacements qui restent réguliers quand le contenu change.
- Ctrl/⌘D
Dupliquer
Copiez un calque sur place, puis déplacez-le. Le moyen le plus rapide de créer des variantes.
- Alt
Mesurer
Sélectionnez un calque et maintenez Alt (Option) pour voir la distance avec tout élément survolé.
- Ctrl/⌘AltK
Composant
Transformez un calque en composant réutilisable, comme un bouton que vous utilisez partout.
- Shift1
Ajuster à l'écran
Voyez tout le canevas d'un coup d'œil. Shift 0 revient à 100 %.