Building landing pages with AI and your design system

Check out our livestream where we demo how to convert a landing page design in Figma using AI to export clean, semantic code using your existing design system. We'll be using both Builder's Figma-to-code product and AI visual editor to showcase this process.

In this livestream you will learn how to:

• Seamlessly transition from Figma designs to fully functional React components
• Leverage Builder’s visual editor to adjust and fine-tune page behaviors
• Maintain design system consistency by properly mapping Material UI components and tokens from Figma
• Showcase the publishing workflow from Builder to production