Learn how to integrate Figma with Dashwave to effortlessly convert designs into functional code with a single click.
Step 1: Connect Figma to Dashwave
- Go to the Integrations Tab
- Navigate to Settings in your Dashwave workspace.
- Open the Integrations tab.
- Enter Your Figma Access Token
- Retrieve your Figma Access Token from your Figma account. How to do it ?
- Paste the token into the provided field in Dashwave.
- Click Save to complete the integration.
https://www.loom.com/share/4a3e24c8080b46fda81afc8ccc74141e?sid=89d3272c-a35f-40f6-b404-b1aeb750e6d8
Step 2: Import Figma Designs into Dashwave
- Copy the Figma Frame Link
- Open your Figma mobile app design.
- Right-click on the frame and select "Copy as Link".
- Ensure the top status bar (time, battery, etc.) and bottom bar are not included in the design.
- Paste the Link in Dashwave
- In your Dashwave workspace, navigate to the Chat Field.
- Click on the Figma button, which opens an input modal.
- Paste the Figma link into the input field and confirm.
Step 3: AI Execution & Code Generation
- Once the Figma link is submitted, Dashwave AI starts processing.
- Execution might take slightly longer than regular code generation, but the output is precise and production-ready.
🚀 Your design is now converted into working code!