Symbol

Nav Bar Header

Resource Center Banner

Columns

Core:Section

Image

Footer Light

Explore product demos, webinars, explainer guides, ebooks, and customer stories. Learn how to get started with the framework of your choice. 

See how teams are scaling GenUI with design systems already in place. If your design system is dialed in, you're ready for the next level.

Builder Labs: Using GenUI with Your Design System

Join our livestream to see exactly how enterprise-scale teams are leveraging GenUI to transform their digital development process.

Best practices for building with GenUI 

Builder.io @ Config | Using AI to turn designs into clean code

The Builder Develop Lab is a live session led by our product team, designed to help users maximize their experience with Builder Develop.

Builder Labs: AI-Powered Prototyping & Wireframing 

Builder Labs: Building landing pages with AI and your design system

Builder Labs | How to optimize a Figma design to ship AI-powered experiences

In this livestream we’ll explore current AI technologies that are improving the frontend development process.

AI-Powered Frontend Development: Building Better UIs

Join us for an engineering-focused livestream where we demo using AI to convert your Figma designs into clean, semantic code using your existing design system. We'll be using Builder's Figma-to-code product, Develop, to showcase this process. In this livestream you will learn how to:<ul><li>Map basic to complex components</li><li>Map design tokens</li><li>Distribute component mappings</li></ul> Whether you're working on a complex web application or a simple landing page, we’ll show you how to significantly reduce your coding time.

Builder Labs: How to use your design system with AI Figma to Code

Join us for an engineering-focused livestream where we'll show you how to automatically turn a complex Figma design into production-ready front-end code for a web app dashboard using Builder’s Figma-to-code product, Develop.In this livestream you will learn how to:<ul><li>Ensure generated code looks like yours</li><li>Generate code that uses your existing components</li><li>Optimize your Figma files to import better</li><li>Make sure generated code uses your design tokens</li></ul>Even if you’re not building an app dashboard, the techniques we share will help you develop front-ends for any project and give you hours back in your day.

Builder Labs: How to build an app dashboard with AI powered Figma-to-code

The Builder Develop Lab is a live session led by our customer engineering team, designed to help developers get started and optimize their experience with design to code. By attending live, you will:<ul><li>Learn best practices for turning Figma designs into production-ready code.</li><li>See live demos of Figma-to-code in action.</li><li>Get answers to your technical questions from Builder’s experts.</li></ul> Even if you’re not building React components, the techniques we share will transform how efficiently you develop components for any front-end framework and give you hours back in your day to focus on interesting and impactful projects.

Builder Labs: How to build React components with AI-powered design to code

Discover how to create stunning websites and apps faster with Builder. Learn visual creation, AI-powered testing, brand integration, &amp; automation.

How Marketers & Designers Build Experiences with Builder

Imagine turning Figma designs 👉 into a fully functional web app with just a few prompts. Introducing the future of design-to-code with Visual Copilot 2.0.

Announcing Visual Copilot 2.0: Make Designs Real

Accelerating Idea to Production: Using Visual Development  + AI to Ship 10x Faster

Join Builder.io and Figma's Webinar on Design to Code in 80% Less Time on May 16th @ 10 AM PT/ 1PM ETAre you experiencing endless back-and-forth between designers and developers to turn your Figma designs into new web and app experiences? Say goodbye to watching days turn into weeks.Builder.io's Visual Copilot frees up development hours for more important tasks by automatically turning Figma designs into clean, reusable code.﻿

Builder.io + Figma = Design to code in 80% less time

Turn Figma Designs Into Commerce Experiences With AI

Join Kibo, Builder.io, Ignitiv, and special guest analyst Joe Cicman from Forrester as we discuss the labyrinth of decisions, architectural complexities, and unknown unknowns in the pursuit of digital transformation with composable commerce through the lens of our experiences and best practices.

Forge Ahead or Fall Behind: Embracing the Composable Commerce Trend

Visual Copilot saves developers time by using AI to turn Figma designs into code that looks like yours.

Builder Velocity 2023

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.

Use Cases

Resource Center

Get the latest from Builder.io

Product

CAPABILITIES

Company

Developers

Open Source

Solutions

Popular Guides

Resources

Frameworks