Drück dich aus mit Figma Draw
Figma Draw kombiniert schnelle, intuitive Vektorbearbeitung mit leistungsstarken Tools für visuelle Ausdruckskraft, damit Designer*innen aller Disziplinen ihre Ideen umsetzen können, ohne aus dem Flow zu kommen.
Drück dich aus mit Figma Draw teilen
Designer*innen haben die Grenzen des kreativen Ausdrucks in Figma schon immer erweitert. Da es immer wichtiger wird, gestalterische Möglichkeiten auszubauen und Designrollen zunehmend hybrider werden, durchbrechen Designer*innen traditionelle Silos und bewegen sich fließender zwischen präzisem Pixel-Design und freiem Ausdruck. Heute freuen wir uns, Figma Draw vorzustellen – für noch mehr Kontrolle bei der Vektorbearbeitung und neue Illustrations-Tools, mit denen du deine Ideen direkt auf der Arbeitsfläche umsetzen kannst – und vor allem: ohne dabei deinen Arbeitsfluss zu unterbrechen.
Ab jetzt kannst du Figma Draw direkt in Figma Design nutzen – mit einer optimierten Oberfläche, die expressive Tools in den Mittelpunkt stellt: Pinsel, dynamische Konturen, progressive Weichzeichner, Textur- und Rauscheffekte, Text entlang eines Pfads und vieles mehr. Egal, ob du ein Symbol für ein High-Fidelity-Mockup, eine Spot-Illustration für das Web oder eine Grafik für soziale Medien erstellen willst: Mit Figma Draw arbeitest du effizient und iterierst schnell, ganz ohne Toolwechsel. „Figma ist für mich ein stetig wachsender Spielplatz, der alles hat, was ich brauche“, sagt Adanna Onuekwusi, Produktdesignerin. „Ich merke, wie ich die Plattform immer seltener verlassen muss. Und Figma Draw ist ein weiterer Grund dafür, dass ich in meinem Workflow bleiben kann.“
Mit diesem Workspace bleibst du im Flow
Vielleicht arbeitest du als Produktdesignerin gerade an einer Webseite und willst ranzoomen, um ein detailliertes Logo gestalten. Oder du brauchst als Brand Designer einen fokussierten Raum für freie kreative Exploration. Du kannst dich jetzt auf Figma Draw verlassen. Es bietet eine Benutzeroberfläche, die speziell für den visuellen Ausdruck konzipiert ist. So haben wir die Panels und Toolbars in Figma Draw organisiert, um Inspiration zu fördern und kreatives Ausprobieren zu erleichtern:
- Ebenen-Tab: Wir haben das Ebenen-Tab für Vektordesign mit Thumbnails für Frames, Gruppen, Formen, Vektoren und Bilder optimiert, sodass die Navigation und Anpassung verschiedener Elemente einfacher ist.
- Symbolleisten: Eine neu gestaltete Symbolleiste stellt die Stift-, Pinsel- und Bleistiftwerkzeuge griffbereit zur Verfügung, bietet einfache Einstiegspunkte für spezielle Vektorfunktionen und entfernt weniger relevante Funktionen. Eine zusätzliche Leiste erlaubt dir, Kontur-Styles schon vor dem ersten Strich anzupassen.
- Eigenschaften-Panel: Das Eigenschaften-Panel bietet dir mehr taktile Steuerelemente mit Schiebereglern und größeren visuellen Vorschauen; ein erweitertes Kontur-Panel; und die Möglichkeit, Füllungen, Konturstile und Effekte vorab auszuwählen, sodass nachträgliche Anpassungen minimiert werden.
Einfache und präzise Vektorbearbeitung
Für hochwertige, produktionsreife Designs brauchst du Werkzeuge, die dir sowohl Kontrolle als auch Raum zum kontinuierlichen Experimentieren und Iterieren deiner Ideen geben. Figma Draw glättet typische Reibungspunkte in der Vektorbearbeitung mit präziseren und leistungsfähigeren Funktionen, sodass du mehr Assets erstellen und auf der Arbeitsfläche weiter verfeinern kannst. „Figma Draw hat alle Funktionen, die ich brauche“, sagt Brad Hodgskiss, Partner und Creative Director bei MUTI. „Meine Zeichnungen können sehr detailliert sein, aber der Aufbau [in Figma] ist trotzdem ganz einfach.“
Das steckt im Tool:
- Verbesserungen der Benutzerfreundlichkeit: Intuitiveres Auswählen von Punkten, Ausrichten und Verteilen von Objekten, Tab-Wechsel zwischen Geometrien, Pfade schließen und Griffe aktualisieren – alles läuft flüssiger.
- Bessere boolesche Operationen und Konturenführung: Wir haben die Engine verbessert, die boolesche Operationen und Konturenführung verarbeitet, sodass du jetzt Formen flüssiger kombinieren und subtrahieren kannst.
- Bearbeiten mehrerer Knoten: Für maximale Effizienz kannst du mehrere Vektorknoten auswählen und die Eingabetaste drücken, um an allen gleichzeitig zu arbeiten. Du kannst auch bei gedrückter Umschalttaste auf andere Knoten klicken, um sie deiner Auswahl hinzuzufügen, und bei gedrückter Befehlstaste auf einen anderen Knoten klicken, um in die Vektorbearbeitung zu wechseln. (Dies ist auch nützlich, wenn du Scheitelpunkte relativ zur Geometrie in einer anderen Ebene einrasten)
- Unterstützung beim Formenbau: Mit dem Shape Builder kannst du Formen einfach kombinieren und manipulieren – ideal für individuelle Icons und Logos.
- Lasso-Auswahl: Wenn du eine unregelmäßige Gruppe von Vektorobjekten oder einen dichten Bereich der Arbeitsfläche auswählen musst, zeichne eine Freihandauswahl, um per Freihand genau das auszuwählen, was du brauchst.
Meine Zeichnungen können sehr detailliert sein, aber der Aufbau [in Figma] ist trotzdem ganz einfach.
Mehr kreativer Freiraum
Mit einer erweiterten Palette expressiver Tools gibt dir Figma Draw die Freiheit, zu experimentieren – ganz ohne zusätzliche Tools oder Plugins. Setze Akzente mit Pinseln, bring durch Texturen mehr Haptik in deine Assets oder nutze progressive Weichzeichner für mehr Tiefe im Design. David Fu, ein Spiele- und App-Entwickler, drückt es so aus: „Figma Draw verändert mein Verständnis davon, was mit Figma möglich ist. Es inspiriert mich, mehr zu kreieren, als ich für möglich gehalten hätte.“
Ein handgezeichneter Look
- Pinsel: Verleihe deinen Konturen einen organischen Charakter mit Pinseln, die Kalligrafie nachempfunden sind, oder erstelle eigene Pinsel, die zu deinem Stil passen.
- Dynamische Konturen: Bringe Energie und Persönlichkeit in deine Linien – mit lebendigen, leicht unregelmäßigen Strichen, die ganz natürlich wirken.
- Konturen mit variabler Breite (demnächst): Bald kannst du mit dem Variable-Width-Tool ganz einfach Variation und Ausdruck entlang eines Pfads hinzufügen.
Mehr Textur für deine Designs
- Musterfüllung: Genauso wie du einen Bereich mit einer Volltonfarbe oder einem Bild füllst, kannst du ein Muster verwenden, um eine gewünschte Textur in jedem Teil deiner Illustration zu erzeugen.
- Rauschen: Füge Fotos oder Designs, wie z. B. Schaltflächen, Körnung hinzu, um ein analoges Gefühl zu schaffen.
- Textur: Verleihe deinen Ebenen, Schatten und Farbverläufen eine realistische, greifbare Rauheit.
- Progressive Weichzeichnen: Bringe mehr visuelle Tiefe mit Ebenen- oder Hintergrundweichzeichnen-Effekten ein.
Neue Formen, neue Möglichkeiten
- Rotationsursprung: Positioniere den Drehpunkt eines Objekts präziser – mit Opt+R oder über die Drehgriffe direkt auf der Arbeitsfläche oder bewege den Mauszeiger über die Drehgriffe, um ihn zu fixieren.
- Text auf einem Pfad: Verabschiede dich von geraden Zeilen – forme Texte entlang beliebiger Vektorpfade und mach aus Wörtern Gestaltungselemente.
- Wiederholungen: Wiederhole Knoten entlang linearer oder radialer Muster für kaleidoskopische Designs mit Kontrolle über das Transformationsverhalten.
Schnellere Iterationen und flüssige Arbeitsabläufe
Figma Draw bietet dir den Raum für visuellen Ausdruck und Illustration – und Figma Design sorgt dafür, dass die gewohnten Tools in greifbarer Nähe bleiben. So kannst du alles an einem Ort designen, bearbeiten und weiterentwickeln. Es kommt nicht nur auf weniger Toolwechsel an, um die Produktivität zu maximieren. Denn was wirklich zählt, ist: im Fluss bleiben. Wenn die Farbe noch „nass“ ist, wenn Ideen formbar sind – genau dann entsteht Neues. Trends entstehen nicht durch Tools allein, sondern durch Designer*innen, die sie nutzen, um zu spielen, zu experimentieren und neue Wege zu gehen.
Figma Draw wird heute für alle Nutzer*innen in deiner Symbolleiste von Figma Design eingeführt. Mehr Infos findest du hier. Wir sind gespannt, was du damit erschaffen wirst. Und wir freuen uns, gemeinsam mit dir neue Wege im Design zu entdecken.
