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

","author","Design-to-code","AI enabled","Let Your Whole Team Build on Your Real Codebase","whole-team-build-real-codebase","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1fd52a7b94a04fb88243d9cd864f0d90",[134,140],"

PMs prototyping. Designers refining in production. Engineers reviewing, not rebuilding. See what cross-functional AI development looks like in practice.

","Design systems","Your Design System Is the Foundation for AI Dev","ai-production-ready-code-design-system","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F605efe99d081486bb046bad226d0d442",[134,140],"

Every AI tool you adopt is only as good as the component library it builds with. Learn how to build and scale your design system using AI.

","Make AI Match Your System","ai-match-your-system","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2424bd55e32840d7850bb2c96ee3bfcb",[134,140],"

AI coding tools break down when they meet your real codebase. See what changes when AI has deep context on your components, tokens, and architecture.

","The Brutal Truth About Your AI Maturity","brutal-truth-ai-maturity","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5a0e7ef66d647db96ee32a442b1e2f2",[134,140],"

Your developers are faster. Your delivery isn't. Builder CEO Steve Sewell explains why and what teams shipping dramatically faster do differently.

","What is Partytown","Explainers",1653368400000,"/blog/how-partytown-works","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd0d3e4ded3e347978eac725e19ab8af7?format=webp&width=2000",[163],"

Partytown takes the complexity of removing third-party scripts from the main thread into a web worker.

","Integrations","Everlane goes to market 4x faster with Builder","Customer Stories",1669093200000,"/customer-stories/everlane","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F713255c1a5494538b29e14dc0c559645",[172,173],"

With Builder, Everlane publishes over 100 variations of its homepage a month. Site merchandisers are able to personalize the experience based on various contextual data points, including device, new vs. return visitors, previous shopping behavior, locale, and more without relying on developers.

","Builder Team","Visual Headless CMS","Visual editing","Astro","Frameworks",1671814800000,"/m/astro-cms","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb2022adbecd74f5cb1bb146b8b704688",[163,172],"

Builder's Visual Headless CMS works with Astro through our Qwik framework to create incredibly fast websites. The combination allows content editors to build scalable sites in minutes with fewer developer dependencies.

","Luke Stahl","How Anheuser-Busch Optimizes Multi-Brand Web Workflows with Super Bowl Scale",1676955600000,"/customer-stories/anheuser-busch","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F76e3fe1bc90b4288ad314c8e8a0a9410",[173,172],"

To build leading web experiences across dozens of brands, Tyler Hozie, Director of Technology at Anheuser-Busch, helped shift the company to a headless multi-brand architecture with SvelteKit and Builder.io that allowed developers to quickly build and iterate, and brand teams to launch content autonomously.

","Hydrogen",1677128400000,"/m/hydrogen-cms","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe6f1f64215b74bd4bcdd14704e5b6bf1",[163,172],"

Builder's Visual Headless CMS works seamlessly with Shopify's Hydrogen framework to create fast, SEO-friendly websites. The combination allows content editors to build scalable sites in minutes with fewer developer dependencies.

","Qwik",1684598400000,"/m/qwik-cms","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F168361249429421185e46f0d5402bcbc",[163,172],"

Builder's Visual Headless CMS works seamlessly with Qwik to create fast, SEO-friendly websites. The combination allows content editors to build scalable sites in minutes with fewer developer dependencies.

","Petlab uses Builder.io to Ship Content and Experiments Faster",1686542400000,"/customer-stories/petlab","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F607a1e1bb0b14c4281282d9ae0956749",[173,172],"

PetLab needed a content management solution that was flexible, easy to use, and highly configurable to increase control over the customer experience, expand the capabilities of non-technical team members, and reduce developer backlog.

","Zapier Empowers Its Team to Ship High-Quality Web Experiences Faster with Builder.io",1693368000000,"/customer-stories/zapier","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb30cd6195ba447819122abffeb7a009d",[173,172],"

If anyone knows the power of efficient workflows it’s Zapier. As the leader in easy automation, Zapier empowers businesses to automate workflows and move data across 5,000+ apps. As a fast-scaling company with millions of visitors a month and a focus on workflow optimizations, Zapier created a cross-functional content platform team to get more out of their marketing website.

","Visual Headless CMS: the what, why and how",1694707200000,"/m/knowledge-center/visual-headless-cms","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F837e51251bf84c74952cc5fb6fd8e827",[172],"

Content Management Systems (CMS) have been the foundation of digital content strategy, evolving continuously to meet the demands of an increasingly complex online world. As we navigate through this complex landscape, we come across three main types of CMS platforms: traditional CMS like WordPress, headless CMS, and the increasingly influential visual headless CMS.

This article dives into the details of visual headless CMS, exploring its unique features and capabilities, and why it's poised to redefine the way we think about content management.

","Vanilla JavaScript",1694793600000,"/m/javascript-cms","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F84bf1b8e25b74cafbd425c2d150e1065",[163,172],"

Builder's Visual Headless CMS works seamlessly with vanilla JavaScript to create fast, SEO-friendly websites. The combination allows content editors to build scalable sites in minutes with fewer developer dependencies.

","Harry's Inc. Rapidly Ships And Iterates Landing Pages Across Multiple Brands",1698724800000,"/customer-stories/harrys","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F47b10e65d01c4c2887fc1cf78fe1fcb8",[173,172],"

To help each brand in the Harry’s Inc. umbrella operate more efficiently and collaborate better, Sharon Hau, Senior Manager of Growth Engineering at Harry’s, helped shift the company to a shared landing page building solution that streamlined the process and allowed one brand to leverage components built for another.

","How TechStyle Builds, Manages, and Optimizes Multi-Brande Commerce Storefronts at Scale",1698897600000,"/customer-stories/techstyle","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2f36f6c480a34cd79a430a920be3ecc6",[173,172],"

To build world-class digital experiences across brands, geographies, and teams, Tim Collins, CTO of TechStyle Fashion Group, recently helped migrate the company to a modern ecommerce multi-brand architecture built with a custom commerce backend, Next.js, and Builder.io.

","Finding the Best React CMS: A Comprehensive Guide",1699027200000,"/m/knowledge-center/best-react-cms","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0049b39f7e0b426da6b9e6aec6236231",[172],"

Choosing the right tools for a React project can be a daunting task, especially when it comes to managing content. Whether you're building a simple blog, an ecommerce app, or a complex enterprise solution, the right Content Management System (CMS) can make or break your project. A CMS not only streamlines the development process but also enhances collaboration, flexibility, and scalability.

But with so many options available, how do you choose the best CMS for your React project? In this guide, we'll explore the benefits of integrating a CMS with React, provide you with the insights you need to make an informed decision and outline the process of integrating a React app with a headless CMS.

","Swift",1700110800000,"/m/swift-cms","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe60d27b9fff94247b86db6418944745e",[163,172],"

Builder's Visual Headless CMS works seamlessly with Swift to create fast, SEO-friendly mobile websites. The combination allows content editors to build scalable sites in minutes with fewer developer dependencies.

","The Complete Guide to Choosing the Best Jamstack CMS",1706806800000,"/m/knowledge-center/jamstack-cms","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5e78e0a63246405387db79647de9aad7",[172],"

In web development, Jamstack is a modern paradigm that emphasizes performance, security, and an enhanced developer experience (DX). Complementing this approach are Content Management Systems (CMS), pivotal tools for seamlessly managing digital content and optimizing workflows within web projects.

","The Rise of Visual Editing in Headless CMSes",1707195600000,"/m/knowledge-center/visual-editing","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fcb775befcdf2434fadf2d5d4578daeec",[172],"

What if there were a way to make both content editors and marketers happy without engineering help or expertise in APIs for every small content update? This is where visual editing comes into play by providing more autonomy for teams working with content and data in a headless architecture.

","What is Design to Code: an Automated Approach",1707944400000,"/m/knowledge-center/design-to-code","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F845157960d2c4a32acb6a167c09c7ab2",[173,133,134],"

Design to code is about automating beautiful visual designs into clean code that matches the designed look. It takes a collaborative approach between designers and developers to get it right, which ultimately turns days of work into minutes. But how did we get here, and where is it going?

","The Definitive Guide to Creating a Blog with Builder.io ",1708927200000,"/blog/builder-drag-drop-blog","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2d3b91a1ad3e4743b43816698b0a52c9",[172],"

","Next.js",1710961200000,"/m/nextjs-cms","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F64f70adde3b4446f824b8451f7ba62e9",[172,163],"

Builder's Visual Headless CMS works seamlessly with Next.js to create fast, SEO-friendly websites. The combination allows you to build scalable, dynamic static sites in minutes.

","What is a Headless CMS: a Visual Guide",1711684800000,"/m/knowledge-center/headless-cms-visual-guide","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F564e0e3081d54fefa74600731b44165d",[172],"

In today’s fast-paced digital age, content management systems (CMS) have become essential tools for efficiently managing and delivering content across various platforms. Among the various CMS options available, the concept of a headless CMS has emerged as a powerful and flexible solution.

","What is Mitosis and How to Get Started",1715058000000,"/blog/mitosis-get-started","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fdb9557f39bdd44b8b319d1f239028b7d?format=webp&width=2000",[140],"Builder.io + Figma = Design to code in 80% less time",1715871600000,"figma-design-to-code-webinar","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F744d93ed27524f9898969722b5d9e5eb",[133,172],"

Join Builder.io and Figma's Webinar on Design to Code in 80% Less Time on May 16th @ 10 AM PT/ 1PM ET

Are 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.

","Steve Sewell + Akbar Mirza ","How Black Rifle’s lean developer team saved 160 hours per sprint",1719244800000,"/customer-stories/black-rifle-coffee-company","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F70b154665cec4f5b98bafa93ba170478",[],"Visual Content Modeling: A Comprehensive Guide",1719896400000,"/m/explainers/content-modeling","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F51632859653f49f686b7812d3e958999",[172],"Structured Data: What It Is and Why You Need It",1721019600000,"/m/explainers/structured-data","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aa4240e0b714e4ab08c45fb00b496e1",[172],"Skin Laundry’s digital team ups efficiency by 100%",1721232000000,"/customer-stories/skin-laundry","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc6a9fb3b76eb47ccb25df1131b893eed",[],"

Learn how Skin Laundry remodeled its CMS from top to bottom with Builder’s drag-and-drop editor and custom components.

","Micro Agent: A Reliable AI Coding Agent",1721379600000,"/blog/micro-agent","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F9dc9894146964d56aeec89cfb9417ce6",[134],"How AI and visual development are redefining enterprise digital experience delivery","Guides",1721836800765,"beyond-headless-ai-visual-development","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd13a47257fb74e88b27ef73721845934",[134,133,173],"Accelerating Idea to Production: Using Visual Development  + AI to Ship 10x Faster",1721840400000,"visual-dev-and-ai","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F36ddd1fe4d944ade8a42fc24dc43a1f7",[134,173],"Understanding SEO Core Web Vitals",1721883600000,"/m/explainers/seo-core-web-vitals","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8756019910864e7b8ddddb2d29bb5151",[172],"What is a Composable DXP?",1724173200000,"/m/explainers/composable-dxp","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Febb016eca7994bb2bd0dc8d2c5016a6d",[172],"Digital asset management: Organize your digital world",1724317200000,"/m/explainers/digital-asset-management","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4a4944e17d014d8b9e62be826962bde9",[172],"Extensibility: Building software that adapts",1725872400000,"/m/explainers/extensibility","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb44579c4c3434fc485ad942f10c19ecc",[172],"Design Systems Explained",1729242000000,"/m/explainers/design-systems","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5fbed4ec074d46d09eb93ee8f4cae57e",[140],"Announcing Visual Copilot 2.0: Make Designs Real",1730390400000,"make-it-real","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F367de08c494940ed825f81874bacf698",[134,173],"

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.

","A Guide to Server-Side Rendering",1731405600000,"/m/explainers/server-side-rendering","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6cf91b7e92c64af28a3a6251e5b10cf9",[172],"Headless Commerce - A Guide to Decoupled E-Commerce",1732136400000,"/m/knowledge-center/headless-commerce","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe9642b88233d46f5b03e1a392818015b",[375,172],"

Many think migrating to a headless e-commerce site will take longer to launch and impact business needs. But this is often misunderstood. In actuality, the storefront is separated from the frontend, letting developers build faster without waiting on the backend. So, a headless site can actually speed up launches because it is less dependent on developers and can improve user experiences, helping content creators ship faster.

","Composable commerce","How Marketers & Designers Build Experiences with Builder",1733940000000,"build-experiences-with-builder","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fdcf1b68b27924a1b9bfa94f2325925eb",[134,173],"

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

","What is Builder's Visual Development Platform?",1734084000000,"/m/explainers/visual-development-platform","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb78747fe971841b5a9e56ba7893cbde1",[173,134,133,172,163],"Nuts.com saves months of engineering time with Builder",1734368400043,"/customer-story/nuts","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fdd403d56499348e8ad9e5e70eb856d17",[173],"

Builder’s drag-and-drop visual editor and A/B testing led to major efficiency gains.

","CallRail sped up web development by 11x with Builder",1734541200000,"/customer-stories/callrail","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd68d4d2cd1d2474694eca6e6a5703a34",[173,172],"

Learn how CallRail simplified their website design and maintenance with Builder.

","Builder Labs: How to build React components with AI-powered design to code",1737050400000,"labs-react-design-to-code","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fbb99fc9e59e44492b51acfb3395192c7",[134,133],"

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:

Learn best practices for turning Figma designs into production-ready code.
See live demos of Figma-to-code in action.
Get answers to your technical questions from Builder’s experts.

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 an app dashboard with AI powered Figma-to-code","builder-labs-app-dashboard","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F7aa57a13fb6f4d26b1bd0a88aaaef772",[134,133],"

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:

Ensure generated code looks like yours
Generate code that uses your existing components
Optimize your Figma files to import better
Make sure generated code uses your design tokens

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.

","Storyblocks gets pages to market 12x faster",1738083600924,"/customer-stories/storyblocks","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fad0024dcc40d4a868d413288550000d1",[133,172],"

Learn how Storyblocks accelerated their page development by 12x and eliminated engineering bottlenecks with Builder's Visual Development Platform.

","J.Crew Ships Complex Digital Experiences 2x Faster",1738256400000,"/customer-stories/jcrew","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd923fac60d844a38a0d1e4ea601ed4fc",[173,172],"

Learn how J.Crew streamlined their digital operations, doubled content creation speed, and eliminated late-night deployments by switching to Builder.

","Builder Labs: How to use your design system with AI Figma to Code",1740679200000,"builder-labs-component-mapping","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa732b97441ce4e44ab6e9a3f63bd98f7",[133,134],"

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:

Map basic to complex components
Map design tokens
Distribute component mappings

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.

","Launching Projects Faster with Design to Code Automation",1741366800000,"figma-design-to-code","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff3621086f7264fffbf531fd61a6ca2d9",[134,133],"AI-Powered Frontend Development: Building Better UIs",1741885200000,"ai-frontend-dev","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1c90141c3040445fad33d007976cdc63",[133,134],"

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

",1742490000000,[134,133],"Builder Labs: Building landing pages with AI and your design system",1743699600000,"builder-labs-landing-pages-design-system","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F23cad5a08427495c834f142589043b0a",[134,140],"Shopify Hydrogen & Builder Help Turtle Beach Nearly Double YoY Revenue",1744318800000,"/customer-stories/turtle-beach","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc00f767cb4984d9688b326540304b0c9",[173,172],"

Learn how this industry-leading gaming company used content workflows with Builder, helping Turtle Beach achieve nearly 2x YoY revenue growth.

","Builder Labs: AI-Powered Prototyping & Wireframing ",1745514000000,"builder-labs-ai-prototyping-wireframing","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6178c3bf946a43bc96f8dd9583dce07e",[134,140],"Accelerate Your Design-to-Code Pipeline",1746043200241,"https://www.builder.io/design-to-code-toolkit","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F133df5c9414648ce864497cef660648b",[133,134],"

Our Design-to-Code Toolkit delivers the critical insights and tools engineering leaders need to unlock hidden productivity.

","Builder.io @ Config | Using AI to turn designs into clean code",1746720000000,"https://youtu.be/oMkHIRHGhow?si=YIgvkpbCIXGDp4VW","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F64f653b2e0794d7ba6f6f6f59817b386",[134,140],"Best practices for building with GenUI ",1747933200000,"best-practices-building-with-genui","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5dd49406ba234c7db1d12e153a67e0a8",[134,140],"

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

","Uswitch Unified 6 Tools Into 1 Visual Dev Platform",1748880000935,"/customer-stories/uswitch","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe86cb23658154f02913ef5183c255274",[173,172],"

Learn how Uswitch streamlined workflows, empowered SEO and Content teams, and cut engineering overhead with Builder in only 3.5 months.

","Builder Labs: Using GenUI with Your Design System",1749747600000,"genui-design-system","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F23d9b719cb044ee1b6a620529a2a354b",[134,140,133],"

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.

","Introducing Fusion: Vibe Code at Any Scale",1750784400000,"introducing-fusion","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5316e1dd74c9438c876adeba36bdd779",[134,133,173],"

Be the first to see Fusion, the first AI-powered visual canvas that integrates directly with your existing code base. Return here for the live demo on 6/24.

","Fusion Q&A",1751389200000,"fusion-q-and-a","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F05aa674b32fa4b25bb5a0df09d2ab127",[134,133,173],"

Join our live Q&A on Fusion, the first AI visual canvas that integrates with GitHub, understands your design system, and builds code for your architecture.

","Builder Labs: Implement features in your webapp with AI",1752080400000,"implement-webapp-features-with-ai","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F128b45737e9d47f7a20f8cdc2da84262",[173,134,133],"

See how to use AI to quickly update your web app with no code required while staying aligned with your design system and keeping developers in the loop.

","LegalZoom Goes to Market 3x Faster With Builder",1752595200877,"/customer-stories/legalzoom","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F34c8dd253ead446c97fd1b4b443cebb0",[173,172],"

Learn how LegalZoom consolidated its web stack, empowered non-technical teams, and accelerated time-to-market for new pages with Builder.

","Builder Labs: Training AI on your design system",1753376400000,"training-ai-design-system","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffb70324acf2f4217a60689008c542db5",[140,134],"

Join us live to learn how to train AI on your existing design system—so it can generate production-ready code using your actual components and Figma designs.

","Builder Labs: Using AI to keep Figma in sync with Storybook in minutes (not days)",1754499600000,"sync-figma-with-storybook","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F48b2a20cb04845eebadef1f9f77b8e20",[134,140],"

Learn how to use AI to create components and stories from Figma, update existing components, generate theme variations, and scale your design system in minutes.

","Builder Labs: Building component libraries from Figma with AI",1755795600000,"build-component-libraries-with-ai","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Faca907e751044f4ea270a4039c376875",[134,140],"

If you’ve built a design system in Figma but haven’t turned it into reusable, documented code components, this livestream will show you how to do it using AI.

","How top teams drive alignment and ship faster",1756483200000,"drive-alignment","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0776b1767ef2409db23c01720079899a",[134,140],"

A guide to help teams align design and engineering, reduce costly rework, and ship faster using proven practices, scorecards, and frameworks.

","How to Choose the Right Vibe Coding Solution for Your Enterprise",1756836000208,"vibe-coding-solutions","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe963aa2dd8e44d1bb5e24c644f0e97b5",[134,140],"

Learn how to choose enterprise-ready vibe coding solutions with scorecards, POC steps, role tips, metrics, and best practices.

","Making your AI smarter and more accurate for real projects",1757005200000,"making-your-ai-smarter-and-more-accurate","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4b50b5260965408b9fda1b59b8ee35fd",[134],"

You’ll see how to enhance visual outputs with richer context, connect MCP Servers for seamless integrations, and leverage Fusion to unlock new use cases.

","Builder Labs: Validate feature ideas earlier with AI-driven prototypes",1758214800000,"ai-driven-prototypes","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F91bc44440eb84a91bd04dbd2fcef2597",[134,140],"

Discover how Visual IDEs let you build real prototypes in days, yielding clear signals, fast feedback, and strong alignment across PMs, designers and engineers.

","How Product Management teams at Builder.io use Fusion",1759161600080,"/customer-stories/product-management","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fef1b9a1e02ca4210929bc5715690ecb8",[134,173],"

Builder's Product Management team uses Fusion to prototype features, test concepts, collaborate, and ship pull requests without engineering resources.

","How Product Design teams at Builder.io use Fusion",1759165200080,"/customer-stories/product-design","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fafbcb45213294b75b54f8d9aee736593",[134,173],"

The Product Design team uses Fusion for visual improvements, interactive prototypes, + maintain design system consistency without engineering handoffs.

","How Engineering teams at Builder.io use Fusion",1759168800080,"/customer-stories/engineering","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc41fea1958db442ca09a8c796b29d82d",[134,173],"

The Engineering team at Builder uses Fusion to accelerate UI development, turn Figma designs into code, and maintain code quality & shipping features faster.

","How Go-to-Market teams at Builder.io use Fusion","/customer-stories/go-to-market","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffa4caf5fe6e24a28a1b74713015e6849",[134,173],"

The Go-to-Market team at Builder uses Fusion to create compelling demos, build custom tools, and contribute to the product itself.

","How Customer Support teams at Builder.io use Fusion","/customer-stories/customer-support","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F06ac3892d36d45aa9f92f18baaa8b69d",[134,173],"

The Support team at Builder uses Fusion to resolve customer issues, implement features, and build internal tools to improve productivity.

","Builder Labs: AI-Powered Prototypes That Actually Use Your Design System",1759424400000,"prototypes-design-system","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F41571cbe6fa94a26b152b3a8cd75f5f1",[134,140],"

Learn how to create prototypes that are ready to go live immediately using AI, your design system, and a starter template. No developer handoff required.

","Builder Labs: Build Apps Faster with AI and Your Design Stack",1760634000000,"ai-design-stack","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F850bc03ed0df486e992cbc643603fe8f",[134,140],"How Builder.io Teams Use Fusion to Ship Faster",1761030000000,"builder-fusion-case-study","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F918b6d357a354550bb734319ead4423f",[134,140],"

See how Builder.io teams use Fusion to prototype, ship, and collaborate faster across product, design, and engineering.

","Rethinking Design-to-Code","rethinking-design-to-code-guide","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F82cee87abe69454981648e2c1921b4a4",[134,140],"

Discover how AI-native design-to-code workflows remove handoffs, cut rework, and speed up enterprise product delivery.

","Builder Labs: How our design team uses AI to prototype, iterate, and ship without dev handoffs",1761836400000,"design-team-ai","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8f57832f81c7417d9f1212e8b56e8337",[134,140],"

At Builder.io, our Product Design team is redefining how design and product work together using Fusion, our AI-powered development environment.

","Meet Fusion 1.0: The first AI Agent for Product, Design, and Code",1763056800000,"/hub/webinars/fusion","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F18a1df5b3ed346af908c6cdcedb5afd8",[134],"

Join us live as we show Fusion 1.0 connecting your entire stack, from Jira tickets to production code, by one AI agent fluent in product, design, + engineering.

","Builder Labs: Build Components in Minutes with Figma and AI",1763661600000,"components-in-minutes","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F946ce9ce1ed14870867a611328a37dd9",[134,140],"How DealMaker is 10x'ing Productivity with an AI-First Model",1766084400000,"dealmaker-10x-productivity","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8685adcea7df43659e734fa9b309c91d",[134,140],"How Frete Reduced Design System Build Time by 70% With Builder",1767978000000,"/customer-stories/frete","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1569588eedfa4c188ab492a052fa7d94",[173,134],"

Frete accelerated the creation of its new design system and strengthened collaboration between design and engineering by adopting Builder.

","Common mistakes developers make when prompting AI",1768500000000,"common-mistakes-prompting-ai","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4e0a2631857d4a84a0cb644a58cea275",[134],"Watch Builder.io run a product sprint in 45 minutes",1769709600000,"product-sprint-in-minutes","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F213c150ff855439b80f1397e64b7ba6d",[134,140],"

Watch Builder.io run a product sprint in just 45 minutes, showing what changes when AI works across design, product, and engineering.

","Design Enterprise UI Directly on Production Code",1770919200000,"livestream-designing-enterprise-ui","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff6671e66158f4023aeb00106253e054b",[134,140],true,"

This livestream shows how teams move beyond AI prototypes into production-grade UI workflows directly on production code.

","From Idea to Application in 60 Minutes",1773680400800,"https://www.builder.io/hub/webinars/idea-to-application","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F503128bfab3b4f48b5d5a353b292bdd2",[134,140],"Stop Throwing Away Prototypes. Build With Your Real Components",1779382800000,"stop-throwing-away-prototypes","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe228d867f2894be9ae8a05d715bbad76",[134,140],"Builder.io vs Bolt.new: AI App Builder Comparison",1779897600000,"https://www.builder.io/compare/builder-vs-bolt","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc994cf195e134e54afec59590dc03c18",[134],"Comparisons","Builder.io vs Replit: AI Coding Platform Comparison",1779901200000,"https://www.builder.io/compare/builder-vs-replit","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F57b912da17fc43ac9393137914793c0d",[134],"Builder.io vs Figma Make: AI Design-to-Code Tool Comparison",1779955200000,"https://www.builder.io/compare/builder-vs-figma-make","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff88b6145892e41a3b41426d0ea902e5b",[134],"Builder.io vs Lovable: AI App Builder Comparison",1779976800000,"https://www.builder.io/compare/builder-vs-lovable","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa32e8cf5a4ef4d839cb0f9818e830150",[134],1780592400000,"product-sprint-45-minutes","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff9ed54ca09cc4856bca125ba52e9f9d3",[134,140],"

Watch a complete product sprint live in 45 minutes. A PM scopes, a designer refines, AI builds with real components, and production code ships.

","The AI Productivity Gap, By the Numbers ",1782910800000,"https://www.builder.io/ai-productivity-gap","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4bf6763920d940e18b4df6a847aa3ae6",[134],"Reports","Engineering Leader’s Guide to AI-Native Development",1794070800000,"idea-to-production","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F7a367e00192346af9d84ecf98a107479",[134],"The Governance Gap: Why AI Adoption Outpaces Control, and What to Do About It",1794157200000,"governance-gap","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5f420bb07b434292820f248bef5d7a5c",[134],"createdDate",1680299939339,"id","8ddc0f312749403482df5bd966e48ef0","name","Footer Dark","modelId","f9962951c48f4a349f6a86310a0053a4","published","stageModifiedSincePublish","query",[],"data",{"_748":749,"_750":751,"_752":753,"_754":755,"_756":757,"_758":759,"_760":761},"variations",{},"lastUpdated",1781123009761,"firstPublished",1680530357654,"testRatio",1,"createdBy","BlivRGEJV2YNikTDOeFW3ge3Fyx1","lastUpdatedBy","folders",[],"meta",{"_731":732,"_733":734,"_735":736,"_737":129,"_738":739,"_740":129,"_741":742,"_743":129},"rev","bp0l8qxquhv","dataSources",[],"shopifyDomain","builderio.myshopify.com","lastPreviewUrl","https://builder.io/c/edit?modelName=symbol&apiKey=YJIGb4i01jvw0SRdL5Bt&builder.space=YJIGb4i01jvw0SRdL5Bt&builder.user.permissions=read%2Ccreate%2Cpublish%2CeditCode%2CeditDesigns%2Cadmin%2CeditLayouts%2CeditLayers%2CeditContentPriority%2CeditFolders%2CeditProjects%2CmodifyMcpServers%2CmodifyProjectSettings%2CconnectCodeRepository%2CcreateProjects%2CsendPullRequests&builder.user.role.name=Admin&builder.user.role.id=admin&builder.cachebust=true&builder.preview=symbol&builder.noCache=true&builder.allowTextEdit=true&__builder_editing__=true&builder.overrides.symbol=8ddc0f312749403482df5bd966e48ef0&builder.overrides.8ddc0f312749403482df5bd966e48ef0=8ddc0f312749403482df5bd966e48ef0&builder.options.locale=Default","hasLinks","breakpoints",{"_744":745,"_746":747},"hasErrors","kind","component","hasAutosaves","small",767,"medium",1023,"inputs",[878],"cssCode",".builder-heading-1{font-size:2em;margin:.67em 0}.builder-heading-2{font-size:1.5em;margin:.75em 0}.builder-heading-3{font-size:1.17em;margin:.83em 0}.builder-heading-4,.builder-paragraph{margin:1.12em 0}.builder-heading-5{font-size:.83em;margin:1.5em 0}.builder-heading-6{font-size:.75em;margin:1.67em 0}.builder-heading-1,.builder-heading-2,.builder-heading-3,.builder-heading-4,.builder-heading-5,.builder-heading-6{font-weight:bolder}\n\n.m-text * {\n font-weight: inherit;\n font-size: inherit;\n line-height: inherit;\n margin: unset!important;\n}\n\n.ot-close-icon{\n filter: brightness(2.5)\n}\n.ot-pc-footer-logo > a:focus {\n outline: 1px solid black!important;\n}\n\n#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {\n color: black!important;\n}","customFonts",[822],"httpRequests",{},"jsCode","var __awaiter=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{l(r.next(e))}catch(e){o(e)}}function u(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,u)}l((r=r.apply(e,t||[])).next())}))},__generator=function(e,t){var n,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:u(0),throw:u(1),return:u(2)},\"function\"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function u(o){return function(u){return function(o){if(n)throw new TypeError(\"Generator is already executing.\");for(;i;)try{if(n=1,r&&(a=2&o[0]?r.return:o[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;switch(r=0,a&&(o=[2&o[0],a.value]),o[0]){case 0:case 1:a=o;break;case 4:return i.label++,{value:o[1],done:!1};case 5:i.label++,r=o[1],o=[0];continue;case 7:o=i.ops.pop(),i.trys.pop();continue;default:if(!(a=(a=i.trys).length>0&&a[a.length-1])&&(6===o[0]||2===o[0])){i=0;continue}if(3===o[0]&&(!a||o[1]>a[0]&&o[1]0&&o[o.length-1])||6!==i[0]&&2!==i[0])){u=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]992&&(state.mobileMenu=!1)},e=100,function(){for(var r=this,o=[],i=0;i