Getting Started

On the bolt.new homepage, click “Import from Figma”:

Next, paste a Figma frame URL into the text field and click “Import Figma frame into Bolt”:

Figma Frames

You must link to a Figma frame. Right-click the frame > Copy/Paste as > Copy link to selection and then paste this URL into Bolt as above: Alternatively, prepend the Figma frame URL with bolt.new:https://bolt.new/figma.com/...

Making the Design Responsive

You can use Figma’s auto layouts and Anima’s breakpoints to make the design responsive as described here.

For best results, it is important to follow Figma best practices in Anima as desribed here.

Alternatively, you can prompt Bolt to make the design interactive.