Figma

Turn a Figma frame into a site using the real design data.

Connect#

Open Integrations → Figma and sign in, or paste a personal access token (Figma → Settings → Security → Personal access tokens, with File content: read). Nothing in Figma is changed.

Use it#

• On the home screen, press Figma and paste a link. In Figma, right-click a frame and choose Copy link to selection. A link to a whole file or page lists its frames so you can choose.
• In an existing project, use + → Figma, then Rebuild this project from it or Add it as a new page or section.

What the AI receives#

• Pictures of the design.
• A written spec of every visible layer: size, position, layout, fills, borders, corners, shadows, and for text the font, size, weight and words.
• The colours, fonts, type scale, radii and shadows that are used.
• The design's own photos and icons, downloaded into the project.

This is saved as a normal version, so later requests can read it again.

Limits#

One frame at a time. Prototype interactions, component variants and Figma variables are not interpreted. Very large frames are cut, with a note.