Apsida

Design : maquettes, composants et mise en page

  1. Choisissez un outil dans la barre du bas (cadre, rectangle, texte, connecteur…) et dessinez sur le canevas.
  2. Icônes : onglet Ressources › Icônes, plus de 1 500 icônes Font Awesome (plein ou contour) à chercher, cliquer ou glisser ; chacune devient un tracé modifiable.
  3. Transformez un cadre en composant pour réutiliser un bouton ou une carte : ses copies suivent ses modifications.
  4. Dans l’inspecteur, « Disposition » range les éléments d’un cadre en ligne, en colonne ou en grille ; « Ancrage » règle leur comportement quand le cadre change de taille.
  5. Glissez sur l’icône d’un champ (X, L, H…) pour changer sa valeur, et double-cliquez sur un nom pour le renommer.
  6. Exportez une page ou un élément en PNG, SVG ou PDF par clic droit.
  7. Avec Figma : copiez (⌘C) dans un logiciel, collez (⌘V) dans l’autre, dans les deux sens ; « Plus d’actions › Importer un fichier Figma (.fig) » reprend un fichier entier, page par page.
  8. Aussi : booléens et masques (clic droit), variantes de composants, variables avec modes, alias et formules (onglet Ressources › Gérer, ou bouton Variable à côté d’une valeur dans l’inspecteur ; import et export JSON), prototype et présentation (▶), règles (Maj+R), mesures avec Alt, code CSS dans « Inspecter ».

Vous ne trouvez pas la réponse ? Écrivez-nous