Figma

​

Warum Figma verbinden

• Verwandle deine Designs in echte Seiten. Zeig dem Agenten eine Figma-Datei, und er baut Layout, Komponenten und Abstände in eine responsive Seite, sodass du dein Design nicht von Hand nachbauen musst.
• Halte dein Projekt automatisch auf Marke. Der Agent zieht deine Komponenten, Stile und Variablen, inklusive einer einsatzbereiten Tailwind-Konfiguration, sodass dein Projekt zu deinem Design-System passt, ohne dass du es manuell nachbaust.
• Übergib Designs, ohne den Chat zu verlassen. Exportiere jeden Frame als Bild, rufe Dev-Ressourcen und Dateidetails ab und spare dir das Hin und Her zwischen Figma und deinem Projekt.

​

Was du brauchst

• Ein Figma-Konto. Erstelle eins kostenlos auf figma.com
• Einen Figma-Organization- oder Enterprise-Plan, wenn du veröffentlichte Variablen oder vollständige Bibliotheks-Analytics willst

​

Figma mit Macaly verbinden

​

Figma aus dem Chat nutzen

Here's my Figma design for the pricing page [link]. Build it
into a real page, match the layout, components, and spacing,
and make it responsive.

Pull the styles and color variables from this Figma file and
turn them into a Tailwind config for my project.

Export the "Hero" frame from my Figma file as an SVG and add
it to the homepage.

I'm building a design-system docs site. Pull the components
and styles from our Figma library and list them with previews.

​

Was der Agent in Figma tun kann

​

Gut zu wissen

• Du verbindest einmal. Jedes Projekt in deinem Workspace nutzt dieselbe Figma-Verbindung.
• Manche Bibliotheksfunktionen brauchen einen kostenpflichtigen Figma-Plan. Veröffentlichte Variablen und Teile der Bibliotheks-Analytics erfordern einen Figma-Organization- oder Enterprise-Plan.
• Dein Konto, deine Kontrolle. Der Agent wird nur aktiv, wenn du ihn darum bittest. Du kannst Figma jederzeit über Einstellungen → Integrationen trennen.