Figma Skills, die ich wirklich nutze (und wofür)
KI-Tools ploppen gerade schneller auf, als man sie testen kann. Jeden Montag ein neuer „Game Changer“ im Feed. Irgendwann hab ich aufgehört, allem hinterherzurennen, und mir stattdessen das Tool vorgenommen, in dem ich eh den ganzen Tag arbeite. Figma. Agent, KI-Funktionen, Community Skills, einmal alles durch. Und dann kam der 6. Oktober. Der Design Agent ist raus aus der Beta und zieht seitdem AI Credits, aus demselben Topf wie Figma Make. Vorher war das Rumprobieren gratis. Jetzt hat jeder Run einen Preis. Genau deshalb der Artikel: nicht zehn Skills, die du kennen musst, sondern die drei, für die ich im Zweifel Credits ausgebe.
Was sind Figma Skills?
Figma Skills sind wiederverwendbare Anweisungen für den Agent, geschrieben als Markdown-Datei. Statt denselben langen Prompt wieder und wieder reinzukopieren, rufst du den Skill mit Slash auf, und er arbeitet direkt mit deinen Frames, Komponenten und Variablen. Du findest sie in der Community unter Extensions – Skills, speicherst sie, fertig. Du kannst aber auch eigene bauen: Der Agent schreibt dir auf Wunsch einen Skill aus einem bestehenden File heraus. Heißt, dein Review-Prozess wird zum Slash-Command. Das geht seit Oktober auch auf dem Starter-Plan. Und falls du eh schon mit Coding-Agents arbeitest: Viele Skills laufen über Figmas MCP-Server auch außerhalb von Figma. Ein Detail, das mich ein paar Credits gekostet hat: Wenn du zwei Skills in einem Prompt nennst, läuft nur der erste. Immer schön einzeln.
1. Hot Seat –
bevor du überhaupt designst
Wann ich ihn nutze: Ganz am Anfang. Wenn eine Idee für ein Konzept, einen Flow oder eine Brand-Richtung steht, aber noch nicht getestet ist. Hot Seat stellt dir eine Frage nach der anderen zu deiner Designentscheidung. Und hört nicht auf, bevor die Argumentation hält. Warum diese Navigation? Was passiert, wenn der Nutzer das Produkt nicht kennt? Welche Annahme steckt da drin? Am Ende bekommst du einen Recap: Risiken, Lücken, offene Entscheidungen. Was es bringt: Die Fragen, die sonst erst im Kund:innen-Meeting kommen, kommen vorher. Du gehst mit einer Entscheidung rein, die du verteidigen kannst.
2. Build a Variable Library –
das Fundament in Minuten
Wann ich ihn nutze: Beim Start jedes neuen Projekts, sobald die Farbwelt steht. Du gibst dem Skill eine Handvoll Hex-Codes, also Primärfarbe, Sekundärfarbe und Statusfarben wie Error, Success, Warning. Raus kommt eine komplette Variable Library: Farbskalen, semantische Tokens, Alias-Struktur, Light und Dark Mode. Auf Wunsch sogar mit Dokumentationsseite. Was es bringt: Ein sauberes System ab Tag eins. Genau das braucht eine Brand World, die auf Website, Social und Produkt gleich funktioniert. Neu seit Oktober: Du kannst deiner Design Library Guidelines mitgeben, die der Agent als Kontext zieht. Einmal reinschreiben, wie eure Tokens benannt sind, und alles Spätere kommt sauberer raus.
3. Superfuture Design Review –
der letzte Check vor dem Launch
Wann ich ihn nutze: Bevor ein Design an die Entwicklung oder in die Webflow-Umsetzung geht. Und vor jedem Review-Termin. Der Skill von Joey Primiani macht ein komplettes Review: UX-Heuristiken, visuelle Hierarchie, Interaction Design, Accessibility, Produktdenken. Sortiert wird nach Impact, in Rot, Gelb und Grün. Du siehst also auf einen Blick, was den Launch blockt und was Feinschliff ist. Was es bringt: Ein zweiter Blick, ohne auf jemanden warten zu müssen. Er ersetzt kein echtes Feedback, aber er fängt das Offensichtliche ab, damit das echte Feedback sich um die wichtigen Dinge drehen kann.
So baust du Figma Skills in deinen Prozess ein
Nicht alles auf einmal. Seit die Runs Credits kosten, erst recht nicht. Start: Hot Seat, um Ideen zu schärfen. Setup: Build a Variable Library, sobald die Farben stehen. Finish: Superfuture Design Review vor jeder Übergabe. Drei Skills, drei Momente im Projekt. Das reicht, um den Unterschied zu merken. Alle Skills, die ich nutze, habe ich im Tool Sheet gesammelt: kurz erklärt, direkt verlinkt, kostenlos.
FAQs
Die Skills aus der Community sind kostenlos. Der Agent dahinter nicht mehr: Seit dem 6. Oktober 2026 verbrauchen seine Runs AI Credits, aus demselben Monatskontingent wie Figma Make. Starter liegt bei 150 Credits pro Tag und maximal 500 im Monat, ein Professional Full Seat bei 3.000 im Monat. Credits verfallen am Monatsende.
Full Seats auf Professional, Organization und Enterprise überall. Collab-, Dev- und View-Seats in ihren eigenen Drafts. Starter mit eingeschränktem Zugriff, eigene Skills inklusive.
Nein. Sie nehmen dir Checks und Fleissarbeit ab. Die Entscheidungen, der Stil und die Brand World kommen weiterhin von dir.
Ja. Entweder du schreibst die Markdown-Datei selbst, lädst sie hoch, oder du lässt den Agent einen Skill aus einem bestehenden File heraus entwerfen. Veröffentlichen kannst du ihn im Team, in der Org oder in der Community.
In der Figma Community unter Extensions und dann Skills. Von dort aus speicherst du einen Skill und rufst ihn im Agent mit Slash und seinem Namen auf.
