[{"data":1,"prerenderedAt":105},["ShallowReactive",2],{"i18n-products-figma-import-de":3,"icon-harvest":88},{"tagline":4,"audience":5,"seo":6,"hero":9,"primaryCta":13,"secondaryCta":15,"signedInCta":17,"proofTitle":19,"beforeAfter":20,"stepsTitle":31,"steps":32,"useCasesTitle":42,"useCases":43,"pricing":68,"pricingNote":69,"faqs":70,"closing":85},"Holen Sie einen Figma-Frame als bearbeitbares Template herein.","Designer und designgetriebene Teams",{"title":7,"description":8},"Figma-Import: Frames als bearbeitbare Templates übernehmen","Fügen Sie einen Figma-Frame-Link ein und erhalten Sie ein bearbeitbares Design mit Text, Bildern, Vektoren und Auto-Layout. Markieren Sie, was sich ändert, und rendern Sie.",{"title":10,"sub":11,"note":12},"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",{"label":14},"Kostenlos starten",{"label":16},"Mehr über den Figma-Import",{"label":18},"Projekte öffnen","Figma-Frame → Größen",{"before":21,"after":26},[22,23,24,25],"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.",[27,28,29,30],"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",[33,36,39],{"title":34,"body":35},"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.",{"title":37,"body":38},"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.",{"title":40,"body":41},"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",[44,47,50,53,56,59,62,65],{"title":45,"body":46},"Markieren, was sich ändert","Der Import legt keine Variablen an. Machen Sie die Texte und Bilder, die sich ändern, zu Variablen, die Sie pro Rendering befüllen.",{"title":48,"body":49},"Markenkonform machen","Der Import übernimmt die Farbwerte aus Figma. Binden Sie sie an die Farben und Schriften Ihrer Marke, dann dient ein Frame jeder Marke.",{"title":51,"body":52},"Jede Größe aus einem Frame","Constraints und Auto-Layout kommen mit, so ordnet sich der Frame als Story, OG-Bild oder Leaderboard neu an.",{"title":54,"body":55},"Bulk-Export aus einer Tabelle","Laden 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.",{"title":57,"body":58},"Dark Mode ohne zweiten Frame","Speichern Sie einen dunklen oder kompakten Look des importierten Designs als Variante, statt einen zweiten Frame in Figma zu pflegen.",{"title":60,"body":61},"Share-Bilder aus einer Figma-Karte","Stellen Sie eine importierte OG-Karte hinter eine signierte Bild-URL, dann erhält jede Seite ihr eigenes Bild, ohne API-Schlüssel im Link.",{"title":63,"body":64},"Bewegung hinzufügen","Setzen Sie im Editor Keyframes und rendern Sie das importierte Design als MP4 oder GIF, zusätzlich zum Standbild.",{"title":66,"body":67},"An Ihren KI-Agenten übergeben","Der Import läuft in der App. Danach ist das Design ein normales Template, das ein Agent über MCP bearbeiten, befüllen und rendern kann.","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.",[71,74,77,80,83],{"q":72,"a":73},"Brauche ich ein Figma-Plugin?","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.",{"q":75,"a":76},"Was wird übernommen?","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.",{"q":78,"a":79},"Was wird nicht übernommen?","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.",{"q":81,"a":82},"Bleibt es mit Figma synchron?","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.",{"q":84,"a":68},"Was kostet es?",{"title":86,"sub":87},"Automatisieren Sie die Designs, die Sie schon haben.","Starten Sie kostenlos oder lesen Sie, wie der Figma-Import funktioniert.",[89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104],"i-ph:caret-down","i-ph:list","i-ph:file-zip","i-ph:x","i-ph:check","i-ph:arrow-right","i-ph:plus-bold","i-ph:x-logo","i-ph:youtube-logo","i-ph:instagram-logo","i-ph:linkedin-logo","i-tabler:brand-producthunt","i-ph:desktop","i-ph:sun","i-ph:moon","i-ph:translate",1794678120306]