Machen Sie aus einem Figma-Frame ein automatisierbares Template.
Importieren Sie einen Figma-Frame, und Bannx baut ihn als echte Ebenen nach: Text bleibt bearbeitbar, Auto-Layout bleibt Auto-Layout und Constraints greifen weiter. Markieren Sie, was sich ändert, und rendern Sie jede Version aus Daten.
Offene Registrierung mit 25 kostenlosen Renderings pro Monat. Templates nutzen Sie ohne Konto kostenlos
Vorher und nachher
Von Hand
- Den Frame für jedes Produkt, jeden Preis und jede Sprache duplizieren.
- Jede Kopie für jede Platzierung von Hand anpassen.
- Die Dateien einzeln exportieren und alles wiederholen, wenn sich der Text ändert.
- Das Design in einem anderen Tool von Hand nachbauen, bevor Sie es automatisieren können.
Mit Bannx
- Ein importierter Frame, in dem die veränderlichen Teile als Variablen markiert sind.
- Constraints und Auto-Layout ordnen ihn in jeder gerenderten Größe neu an.
- Bis zu 500 Versionen aus einer Tabelle, eine Datei pro Zeile.
- Der Frame kommt als bearbeitbare Ebenen an, nichts wird neu gezeichnet.
So funktioniert es
Figma verbinden
Wählen Sie auf der Projektseite „Import“ und dann „Connect Figma“. Sie melden sich einmalig mit Ihrem Figma-Konto an, ohne Plugin. Mit „Disconnect“ trennen Sie die Verbindung jederzeit.
Frame-Link einfügen
Klicken Sie in Figma mit der rechten Maustaste auf einen Frame, eine Gruppe oder eine Komponente und wählen Sie „Copy link to selection“. Fügen Sie den Link unter „Import“ für ein neues Design ein, oder nutzen Sie „From Figma“ im Medienmenü des Editors, um ihn in das geöffnete Design einzusetzen.
Zum Template machen
Markieren Sie Headline, Foto und Preis als Variablen und ersetzen Sie feste Farben durch die Werte Ihrer Marke. Dann erstellen Sie neue Versionen auf der Template-Seite, per Bulk aus einer Tabelle oder per API.
Nach dem Import
- Markieren, was sich ändertDer Import legt keine Variablen an. Machen Sie die Texte und Bilder, die sich ändern, zu Variablen, die Sie pro Rendering befüllen.
- Markenkonform machenDer Import übernimmt die Farbwerte aus Figma. Binden Sie sie an die Farben und Schriften Ihrer Marke, dann dient ein Frame jeder Marke.
- Jede Größe aus einem FrameConstraints und Auto-Layout kommen mit, so ordnet sich der Frame als Story, OG-Bild oder Leaderboard neu an.
- Bulk-Export aus einer TabelleLaden Sie eine CSV hoch und erhalten Sie eine Datei pro Zeile, bis zu 500 Zeilen pro Lauf. Eine Größenspalte kann jeder Zeile ihr eigenes Format geben.
- Dark Mode ohne zweiten FrameSpeichern Sie einen dunklen oder kompakten Look des importierten Designs als Variante, statt einen zweiten Frame in Figma zu pflegen.
- Share-Bilder aus einer Figma-KarteStellen Sie eine importierte OG-Karte hinter eine signierte Bild-URL, dann erhält jede Seite ihr eigenes Bild, ohne API-Schlüssel im Link.
- Bewegung hinzufügenSetzen Sie im Editor Keyframes und rendern Sie das importierte Design als MP4 oder GIF, zusätzlich zum Standbild.
- An Ihren KI-Agenten übergebenDer Import läuft in der App. Danach ist das Design ein normales Template, das ein Agent über MCP bearbeiten, befüllen und rendern kann.
Was es kostet
25 kostenlose Renderings pro Monat. Starter kostet 15 $ im Monat für 1.000 Credits. Ein Bild kostet 1 Credit, ein Videoclip 5 Credits.
Der Import ist kostenlos. Renderings eines importierten Designs kosten Credits wie jedes andere Rendering.
Alle Tarife ansehenFragen
Noch etwas anderes? Schreiben Sie an [email protected].
Nein. Verbinden Sie Ihr Figma-Konto einmal und fügen Sie einen Link ein. Der Link muss auf einen Frame, eine Gruppe oder eine Komponente zeigen („Copy link to selection“ in Figma). Ein Dateilink ohne Auswahl wird abgelehnt, mit einem Hinweis, wie Sie den richtigen kopieren.
Echte Ebenen, kein flacher Screenshot: Frames, bearbeitbarer Text mit Schrift und Zeichenformaten, Bilder, Vektorformen als SVG, Auto-Layout mit Umbruch, Constraints, Voll- und Verlaufsfüllungen, Konturen, Eckenradien, Schatten, Weichzeichner und die gängigen Mischmodi. Bilder werden in Ihren Workspace kopiert. Google Fonts laden über ihren Namen; eine lizenzierte Schrift laden Sie unter demselben Namen zu Ihren eigenen Schriften hoch.
Prototyp-Verknüpfungen, Komponenteneigenschaften und Figma-Variablen als Tokens (ihre Werte kommen an, nicht die Verknüpfung). Manche Blend- und Masken-Setups entfallen. Eine Komponente oder Instanz kommt als einfacher Frame an, Blocksatz wird linksbündig gesetzt und ein Rauten-Verlauf als radialer Verlauf. Beim Einfügen in ein geöffnetes Design sehen Sie, wie viele Elemente nicht exakt übernommen werden konnten.
Nein. Ein Import ist eine einmalige Kopie. Importieren Sie den Frame erneut, um spätere Änderungen zu übernehmen. Dabei entsteht ein neues Design, markieren Sie seine Variablen also erneut. Was Sie in Bannx ändern, wird nicht in die Figma-Datei zurückgeschrieben.
25 kostenlose Renderings pro Monat. Starter kostet 15 $ im Monat für 1.000 Credits. Ein Bild kostet 1 Credit, ein Videoclip 5 Credits.
Automatisieren Sie die Designs, die Sie schon haben.
Starten Sie kostenlos oder lesen Sie, wie der Figma-Import funktioniert.