Framer designs to
code and AI prompts.

Turn any design in Framer to code or AI prompts. Paste into Claude, Cursor, Lovable, or v0 — the AI handles the rest.

Works with

Claude CodeClaude Code
CursorCursor
LovableLovable
v0v0
ReplitReplit
CodexCodex
How It Works

Three steps.
In mere seconds.

Select in Framer
Features
FAQ
Does it work with any Framer project?+

Yes, any project with components. Select components on the canvas, and the plugin detects them automatically.

What AI tools does it work with?+

Any AI tool where you can paste text — Claude Code, Cursor, Codex, Lovable, Bolt, v0, and more.

Do I need to install anything in my project?+

No — the AI reads the prompt and sets everything up for you.

Does it support responsive designs?+

Yes. Desktop, Tablet, and Mobile variants are included with automatic switching.

What about animations?+

Animations work. The plugin uses Framer's actual runtime, so all animations and interactions are preserved.

Can I use multiple components at once?+

Yes. Select multiple components and copy them together.

What if my component has custom fonts?+

Font references are preserved. Make sure the fonts are available in your project.

How much does it cost?+

Framer to AI comes with a 5-day free trial. After that, it's €19.99/month.

New to Framer AI? Read the complete guide →