Livestream: AI-Powered prototyping & wireframing | 4/24

Announcing Visual Copilot - Figma to production in half the time

Builder logo
builder.io
Contact SalesGo to App

Livestream: AI-Powered prototyping & wireframing | 4/24

Announcing Visual Copilot - Figma to production in half the time

Builder logo
builder.io

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

in beta

Bring your content to life with interactivity. Use Visual Copilot to add interactivity to components like buttons, forms, and links. Just describe the interaction you want, and the AI generates the logic to make it work.

Visual Copilot creates pages or sections, per your instructions, using your custom components.

For Visual Copilot to have something to work with, you must have a selection of custom components. For details, read Integrating Custom Components.

Using AI to generate content with your components:

  1. In the AI Chat tab, describe the type of content you'd like.
  2. Click Enter, and it will generate content for your custom components.

Visual Copilot allows you to:

  • Include built-in components: Specify if you'd like the AI to use the Builder built-in components.
  • Allow custom styles: Specify whether or not to use your styles or styles generated by the AI. This feature helps align with established design systems.

The following video demonstrates generating a page based on instructions and using custom components:

Interactivity improves the user experience by making components like buttons, forms, links and others respond to user actions.

To add interactivity

  1. Go to the Generate tab and describe how you want the component to behave based on user interactions.
  2. Click Enter to generate the content.
  3. Review the AI suggestions and choose Accept or Reject to apply or dismiss the changes.

The following video shows creating a login form:

Explore Builder's approach to AI, including privacy, in How Builder Uses AI.

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

  • Platform Overview

    AI Overview

  • Integrations

  • What's New

  • Figma to Code Guide

  • Composable Commerce Guide

  • Headless CMS Guide

  • Headless Commerce Guide

  • Composable DXP Guide

  • Design to Code

  • Blog

  • Knowledge Base

  • Community Forum

  • Partners

  • Templates

  • Success Stories

  • Showcase

  • Resource Center

    Glossary

© 2025 Builder.io, Inc.

Security

Privacy Policy

SaaS Terms

Security & Compliance

Cookie Preferences

Gartner Cool Vendor 2024