Turn Designs into a Website with @image
👉 Note: The full sized composer has been removed and is now full integrated into the sidebar (v0.43)
Okay, here’s how this goes. First, you open up Figma and use AI tools to create a basic draft of your design. It could be a layout or some simple wireframes, just to get started fast. Once you have that, you make your edits. You might want to change color schemes, tweak the fonts, or adjust the spacing until it looks right. Then, you export your design from Figma and import it into Cursor. This makes it easier to work with your design elements in your code. After that, you use Composer to generate your boilerplate. Composer helps you get a structured setup for your project, so you can start coding right away with everything ready to go. That's the general idea.