KI-Bilder und -Videos in Figma aus deiner Auswahl generieren

Designarbeit braucht Bilder, lange bevor sie jemand fotografiert hat: das Hero-Bild einer Landingpage, das Lifestyle-Foto in einer Produktkarte, den Hintergrund eines Social-Templates. Das eroq-Plugin für Figma rendert sie dort, wo sie gebraucht werden – als Füllungen auf deinem Canvas, direkt neben dem Frame, an dem du gerade arbeitest –, und es kann von dem ausgehen, was du schon gezeichnet hast.

Installation (Beta)

Während der Beta wird das Plugin über sein Manifest importiert, und dafür brauchst du die Figma-Desktop-App:

1. Lade die ZIP-Datei von eroq für Figma herunter und entpacke sie.
2. Öffne in der Figma-Desktop-App Plugins → Development → Import plugin from manifest… und wähl manifest.json aus.
3. Starte es über Plugins → Development → eroq — AI images & video.

Verbinden

Klick auf Connect eroq. Dein Browser öffnet eroq.ai: Melde dich bei Bedarf an, klick auf Allow (Erlauben), und die Seite zeigt einen Code mit einem Button Copy code (Code kopieren). Füg ihn ins Plugin ein – die Verbindung steht, sobald du ihn eingefügt hast. Figma-Plugins können keine Browser-Weiterleitung empfangen, daher der Kopierschritt; der Code funktioniert einmal, zwei Minuten lang und nur in dem Plugin, das ihn angefordert hat.

Der Schlüssel des Plugins erscheint unter Entwickler → API-Schlüssel als Eintrag „Figma … (connected)“, und Disconnect (im ⋯-Menü des Plugins) widerruft ihn.

Aus einem Prompt

Schreib im Tab Image den Prompt, wähl ein Modell und ein Format – 1:1, 3:4, 4:3, 9:16 oder 16:9 – und drück Generate. Der Button zeigt den Preis, bevor du klickst: 10 Credits mit Krea 2, 20 mit Eroq One.

Der Render landet als Rechteck mit Bildfüllung in seinem eigenen Seitenverhältnis (1024 px an der langen Seite), benannt nach deinem Prompt, ausgewählt und ins Blickfeld gescrollt. Er wird neben deiner Auswahl platziert – oder in der Bildschirmmitte – und nie über einer anderen Ebene, sodass sich eine Serie von Renders ordentlich zum Vergleichen aufreiht.

Aus deiner Auswahl

Das ist der Teil, der das Plugin zu einem Design-Werkzeug macht statt zu einem bloßen Bilderlieferanten. Hak Use selection as reference (Auswahl als Referenz verwenden) an, und die ersten vier ausgewählten Ebenen gehen als Referenzbilder mit dem Prompt mit:

• Ein Wireframe oder eine grobe Skizze – der Render folgt deinem Layout: wo das Motiv sitzt, wo Platz für die Headline ist.
• Ein Produktfoto – das Produkt bleibt, alles drumherum ändert sich: „dieselbe Flasche auf einer Marmorplatte, Morgenlicht“.
• Ein Mood-Frame – eine Collage aus Referenzen für Farbe und Textur.

Die Ebenen werden in einer sinnvollen Größe exportiert (die lange Seite zwischen 1024 und 1536 px) und direkt an die Engine übergeben; bei eroq wird nichts gespeichert. Engines, die keine Bilder lesen, ignorieren sie einfach.

Videofüllungen

Der Tab Video funktioniert genauso, mit den nativen Formaten der Engine und Längen bis zu 10 Sekunden. Hak Use selection as first frame (Auswahl als ersten Frame verwenden) an, und die ausgewählte Ebene wird zum Eröffnungsframe des Clips – ein statisches Key Visual, das sich in Bewegung setzt. Weil die Video-API Bildlinks annimmt, wird dieser Frame zuerst in deinen eroq-Speicher hochgeladen (Ordner Figma; keine Credits, er zählt aber zu deinem Speicherkontingent). Der angezeigte Preis ist eine Schätzung, berechnet so, wie die API abrechnet; ein Fünf-Sekunden-Clip mit Seedance 2.0 Mini kostet 45 Credits.

Figma akzeptiert Videofüllungen in bezahlten Teams (Professional, Organization, Education), bis zu 100 MB pro Clip. In anderen Plänen platziert das Plugin den ersten Frame des Clips als Bild, sagt dir, warum, und gibt dir den Link zum Clip; der Clip selbst liegt immer in deiner eroq-Bibliothek.

Arbeitsrhythmus

• Bis zu vier Renders laufen gleichzeitig, jeder mit einer Kachel unter Recent. Schließ das Plugin mitten im Render, und das Ergebnis wartet dort, wenn du zurückkommst.
• Wähl einen Render aus, den das Plugin platziert hat, und nimm Reuse its prompt, um daran weiterzuarbeiten.
• ⌘/Ctrl + Enter im Prompt startet die Generierung.
• Fehlermeldungen kommen direkt von eroq – zu wenig Credits, ein abgelehnter Prompt, eine Engine, die einen höheren Plan braucht –, und fehlgeschlagene Renders werden automatisch erstattet.

Häufige Fragen

Funktioniert es in Figma im Browser?

Ausführen ja, aber die Beta wird über ihr Manifest importiert, und das kann nur die Desktop-App. Sobald das Plugin in der Community veröffentlicht ist, funktioniert es im Browser wie jedes andere Plugin.

Funktioniert es in FigJam?

Es ist für Figma-Designdateien gedacht.

Werden meine Designs irgendwohin geschickt?

Nur die Ebenen, die du als Referenz anhakst, und nur für diesen Render. Bei Bildern gehen sie direkt an die Engine durch und werden nirgends gespeichert; ein erster Frame für ein Video wird in deinem eigenen eroq-Speicher aufbewahrt.

Was kostet es?

Die Credit-Preise des Studios, angezeigt auf dem Button Generate vor jedem Render. Neue eroq-Konten starten mit 50 kostenlosen Credits.

Hol es dir bei eroq für Figma.