Apsida

Design: Mockups, Komponenten und Layout

  1. Wählen Sie ein Werkzeug in der unteren Leiste (Rahmen, Rechteck, Text, Verbinder…) und zeichnen Sie auf der Leinwand.
  2. Symbole: Tab Ressourcen › Symbole, über 1.500 Font-Awesome-Symbole (gefüllt oder Kontur) zum Suchen, Klicken oder Ziehen; jedes wird ein bearbeitbarer Pfad.
  3. Machen Sie aus einem Rahmen eine Komponente, um Schaltflächen oder Karten wiederzuverwenden: Ihre Kopien übernehmen Änderungen.
  4. Im Inspektor ordnet „Layout“ die Elemente eines Rahmens in Zeile, Spalte oder Raster an; „Verankerung“ bestimmt ihr Verhalten bei Größenänderung.
  5. Ziehen Sie über das Symbol eines Feldes (X, B, H…), um den Wert zu ändern, und doppelklicken Sie auf einen Namen, um ihn umzubenennen.
  6. Exportieren Sie eine Seite oder ein Element per Rechtsklick als PNG, SVG oder PDF.
  7. Mit Figma: in einer App kopieren (⌘C) und in der anderen einfügen (⌘V), in beide Richtungen; „Weitere Aktionen › Figma-Datei (.fig) importieren“ übernimmt eine ganze Datei, Seite für Seite.
  8. Außerdem: boolesche Operationen und Masken (Rechtsklick), Komponentenvarianten, Variablen mit Modi, Aliassen und Formeln (Reiter Ressourcen › Verwalten oder Schaltfläche Variable neben einem Wert im Inspektor; JSON-Import und -Export), Prototyp und Präsentation (▶), Lineale (Umschalt+R), Alt-Messungen, CSS-Code unter „Untersuchen“.

Keine Antwort gefunden? Schreiben Sie uns