8/21 demo: Building component libraries from Figma with AI

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io
Contact sales

8/21 demo: Building component libraries from Figma with AI

Announcing Visual Copilot - Figma to production in half the time

Builder logo
builder.io

You can skip manual integration and let Builder's Devtools handle the details for you.

Builder Devtools automatically integrates your app with Builder and provides an intuitive UI for registering components and managing content.

The video below is a guided example of integrating with Devtools with Next.js Gen 1. Though the video uses Next.js Gen 1 specifically, the process is the same for Gen 2, in any of the available frameworks.

Devtools is under active development, and we'd love to know what you think. Your feedback helps us meet the real-world needs of Builder's community and we couldn't do it without you!

With your app and Builder working together, the next step is the fun part — add some pages in Builder and drag in some elements. Play with styles and explore the UI.

Deploy your updated app to a preview environment

Integrate Custom Components

Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy

  • Fusion

  • Publish

  • Product Updates

  • Figma to Code Guide

  • Headless CMS Guide

  • Headless Commerce Guide

  • Composable DXP Guide

Security

Privacy Policy

SaaS Terms

Compliance

Cookie Preferences

Gartner Cool Vendor 2024