figma kann dein bester freund oder dein größter zeitfresser sein. der unterschied liegt im workflow. hier sind die tricks die wirklich was bringen.
duplicate – der meistgenutzte shortcut
group selection – organisation ist alles
quick actions – zugriff auf alle funktionen
scale tool – größe ändern ohne proportionen zu verlieren
komponenten richtig nutzen
components sind nicht nur für buttons. alles was du mehrfach verwendest sollte eine component sein – icons, cards, layouts.
benenne sie systematisch: category/element/variant. beispiel: button/primary/large. so findest du sie sofort.
saubere komponenten-struktur spart stunden
auto-layout meistern
auto-layout ist game-changer für responsive designs. nutze es für alles was sich anpassen muss – navigation, cards, forms.
tipp: shift + A ist dein freund. einmal gelernt, nie wieder manuelle abstände.
styles für konsistenz
farben, text styles, effects – alles als style definieren. änderungen? ein klick, alles aktualisiert.
start jedes projekt mit style setup. 10 minuten investieren, tage sparen.
plugins gezielt einsetzen
nicht jedes plugin brauchst du. unsplash für bilder, iconify für icons, stark für accessibility checks – das reicht meist.
zu viele plugins machen figma langsam. qualität über quantität.
organisation ist halbe miete
pages für verschiedene bereiche: components, wireframes, final designs, archive. frames immer benennen, nie "frame 847" stehen lassen.
nutze sections (neue feature) um große files zu strukturieren. navigation wird dadurch deutlich einfacher.
tricks die viele nicht kennen
bulk edit mit selection colors
mehrere elemente mit gleicher farbe auswählen? rechtsklick auf farbe > select all with same...
copy properties
cmd/ctrl + alt + c kopiert properties, cmd/ctrl + alt + v fügt sie ein. mega zeitsparend.
präsentation mode
cmd/ctrl + alt + enter startet präsentation vom aktuellen frame. perfekt für quick reviews.
collaboration ohne chaos
comments nutzen statt slack/email spam. @mentions für zuständigkeiten. resolved status wenn erledigt.
branching für experimente. main file bleibt sauber, experimente in branches. merge wenn es passt.
performance beachten
große files? nutze defer loading für images. flatten komplexe shapes. zu viele effects vermeiden. figma wird schnell langsam wenn du nicht aufpasst.
prototyping smart machen
interactive components für wiederkehrende interaktionen. variant switching statt mehrere frames.
nutze smart animate für smooth transitions. aber nicht übertreiben – subtile animationen > animation-fest.
das wichtigste zum schluss
workflow ist persönlich. probiere diese tipps, behalte was funktioniert, vergiss den rest. hauptsache: du wirst schneller ohne qualität zu verlieren.