Watch how to transform Figma to clean code using Visual Copilot. Use AI to build a new component and build a new landing page from scratch.
Builder.io’s CEO, Steve Sewell, will teach you how to use AI to turn Figma files into clean code with Visual Copilot. Get a recap of what you missed during our launch and updates post-launch.
In this video, Steve will teach you how to:
- Use AI to build a new component from a popular page
- Bring that component into Builder so you can drag and drop with it
- Build a new landing page from scratch 50% faster with Visual Copilot
- Leverage the Visual Copilot best practices we’ve learned so far
0:00 Intro + Why use Visual Copilot
3:43 Export from Figma to Builder
5:33 Exporting Code from Builder
6:19 Helping Visual Copilot understand your content
10:07 How Mitosis Works
11:26 Quality code export
13:38 Customizing code with AI chat
14:44 Custom instructions
16:00 Q+A How did you train Visual Copilot?
17:51 Exporting pages
20:07 Bringing code into your codebase
22:40 Troubleshooting and improving results
25:20 Using Builder Dev Tools
30:45 Copy and paste layouts
31:50 Generate new content with AI
34:00 Using Figma components and props
37:30 What's next for Visual Copilot
42:40 Q+A
6 дек 2023