Bolt: Figma Import into Existing Projects
BoltBolt expanded its Figma integration to allow importing Figma frames at any point during a project — not just at the start. Previously, developers who needed to incorporate a new design mid-build had to restart or recreate elements manually. The update lets users paste a Figma frame URL directly into the chatbox using the plus icon, enabling design-to-code iteration without switching tools or losing existing work.
Sources & Mentions
4 external resources covering this update
Figma Import, Without Starting Over
Bolt has always supported converting Figma designs into functional code, but the workflow had a meaningful limitation: imports were only available when starting a new project. If a designer delivered a revised frame mid-build, or a developer realized they needed a new UI component while already deep into their codebase, the options were to restart from scratch or manually recreate the design by hand.
The January 24–February 6 release removed that constraint. Developers can now import a Figma frame at any point in a project's lifecycle. The entry point is the plus icon in the bottom-left corner of the chatbox — clicking it surfaces an "Import Figma frame" option, where a frame URL can be pasted and imported directly into the active project.
How It Works
Imports operate at the frame level, not the full Figma project. A frame is a Figma container layer that holds a cohesive design element — a screen, a card, a component. This scoping keeps imports focused and avoids overloading the AI with unnecessary design context.
Once imported, the frame becomes available as a reference inside the Bolt chatbox, letting developers prompt the AI to implement, adapt, or iterate on the imported design without leaving the active build environment. Bolt's documentation recommends using Auto Layout in Figma files for the best code output quality.
Pricing and Limits
All users receive three free Figma conversions per month. Beyond that threshold, conversions consume tokens — typically between 50,000 and 200,000 tokens depending on frame complexity. Rate limits apply on the Figma API side as well, capped at 5 requests per minute on Starter plans and scaling up on higher tiers.
Why It Matters
For teams using Bolt to prototype and build production apps, this update closes a real workflow gap. Design and development rarely progress in perfect sequence — designs iterate, requirements change, and new screens get added throughout a build. The ability to incorporate Figma frames at any stage means the design-to-code loop can happen continuously rather than only at project inception.