Design EditorDokuDen Editor verwenden
Leinwand und Werkzeuge
Die Leinwand füllt das Fenster, die Panels schweben darüber. Jedes Werkzeug hat ein Tastenkürzel mit einer einzigen Taste.
1Werkzeuge
| Werkzeug | Funktion |
|---|---|
Auswählen V | Ebenen auswählen, verschieben und skalieren. |
Rahmen F | Einen Rahmen zeichnen. Ein Rahmen auf oberster Ebene ist ein Board, ein Bildschirm oder eine Folie. |
Rechteck R | Die Formwerkzeuge. Ihr Menü enthält auch Polygon, Stern, Linie, Symbol und Browser. |
Ellipse O | Kreise und Ellipsen, mit Bögen und Ringen. |
Polygon Y, Linie L | Regelmäßige Polygone und gerade Linien. |
Stift P | Pfade mit mehreren Ankerpunkten. Enter oder Escape beendet den Pfad. |
Bleistift Shift+P | Freihandlinien, zu Kurven geglättet. |
Text T | Klicken für ein mitwachsendes Textfeld, Ziehen für eine feste Breite. |
Notiz N | Notiz-, Kontext- und Prompt-Karten für Sie selbst oder einen Agenten. |
| Bild | Eine PNG-, JPEG-, GIF-, WebP- oder SVG-Datei platzieren. |
Hand H | Die Leinwand verschieben. Das Gedrückthalten der Leertaste bewirkt dasselbe. |
2Besondere Formen
- Stern: ein Polygon mit Innenradius. Im Panel stellen Sie die Anzahl der Zacken und den Innenradius ein.
- Ellipsenbögen: Start, Bogen und Innen im Panel machen aus einer Ellipse ein Tortenstück, einen Bogen oder einen Ring.
- Symbol: Auswahl aus Lucide, Feather, Simple Icons (Marken), Material Symbols in Outlined, Rounded und Sharp sowie Phosphor.
- Bleistift-Glättung: Präzise, Ausgewogen oder Glatt, einzustellen unter Einstellungen, System. Dort finden Sie auch den Stil des Stiftzeigers.
3Live-Webseiten auf der Leinwand
Die Form Browser zeigt eine echte Webseite als Desktop-, Tablet- oder Smartphone-Gerät, mit URL, Zoom und Scrollen. Sie nutzt das Chrome, Chromium, Edge oder Brave, das bereits auf Ihrem Computer installiert ist; mit DE_BROWSER_PATH wählen Sie einen anderen Browser.
Seiten in einer geöffneten Datei bleiben pausiert, bis Sie auf Seiten laden klicken. Das Öffnen einer Datei besucht also nie von selbst eine Website.
4Notizen und Skripte
Notiz-, Kontext- und Prompt-Karten existieren nur auf der Leinwand. Sie werden bei jedem Export ausgelassen, sodass Sie neben dem Design Anweisungen für einen Agenten hinterlassen können.
Ein Skript-Knoten ist ein Rahmen, der per JavaScript gezeichnet wird. Seine @input-Parameter erscheinen als Felder im Abschnitt Skript des Panels.
6Ausrichten, einrasten und kombinieren
Beim Ziehen einer Ebene erscheinen intelligente Hilfslinien, und sie rastet an Kanten und Mittelpunkten der umliegenden Ebenen ein.
Richten Sie im Panel links, zentriert, rechts, oben, mittig oder unten aus. Sobald drei oder mehr Ebenen ausgewählt sind, können Sie horizontal oder vertikal verteilen.
Boolesche Operationen kombinieren Formen: Vereinigung Cmd+Alt+U, Subtraktion Cmd+Alt+S, Schnittmenge Cmd+Alt+I, Ausschluss Cmd+Alt+X. Sie stehen auch im Ebenenmenü. Rahmen, die andere Ebenen enthalten, lassen sich nicht kombinieren.
7Kopieren und einfügen
Kopieren, Ausschneiden und Einfügen funktionieren mit Ebenen. In Figma kopierte und hier eingefügte Ebenen kommen als bearbeitbare Ebenen an. Auch HTML, das Sie von irgendwoher einfügen, wird zu Ebenen.