Figma: Turn designs to code
Seamlessly link your Figma account to Rocket and start turning your designs into powerful, production-ready apps.
In this guide, you’ll learn how to:
- Connect and authorize your Figma account.
- Disconnect if you want to change account.
Before you begin
- A Rocket account - https://rocket.new.
- A Figma account.
Let’s get Figma connected to Rocket
Choose your connection method
You can connect Figma using one of the following:
A. From landing page
-
Click Import Figma.
Import Figma from landing page
-
Click Connect on the popup.
Connect Figma account
B. From Settings
-
Click profile icon in the top-right corner.
Profile icon on landing page
-
Choose Settings.
Select Settings
-
Click on Integrations tab on the left panel of the popup.
Open Integration tab
-
Toggle the Figma switch on.
Toggle Figma integration
Authorize your Figma account
-
You’ll be redirected to Figma’s secure authorization page.
-
Sign in using your account (if not signed in).
-
Confirm the account to connect.
-
Click Allow access.
Figma authorization screen
- Read files, projects, components, and styles you can access.
- View and manage comments.
- Read your name, email, and profile image.
Success check: You’ll see a “Connected!” message and redirected back to Rocket.
Figma connected successfully
You did it!
Figma is now linked to Rocket. You’re ready to import, map, and build directly from your designs.
Need help? Reach out at support@rocket.new.