","digital-storytelling-holiday",[399],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6edce4f2f9844886b52e9ee4f8ff9834","Build high-converting holiday campaigns with Builder.io. Learn how to launch sale pages, scheduled announcement bars, shoppable blogs, and checkout upsells.","Digital storytelling this holiday season",[398],"https://www.youtube.com/embed/I9_xQsVDrgc?si=zHZpeb1E8l6CMGDY","Headless CMS",{"_19":400,"_381":401,"_402":403,"_374":404},"Julia Shkrabova","Chief of Staff","company","Builder.io","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc0b094b7ca44423890190ff71649739c",1661961600000,"Livestream | How to Build: Figma importing made easy","

Join us to learn from members of Builder’s Customer and Product Design teams as they share common questions and challengers Designers face in the content development process and show how to solve them using Builder.io’s Figma plugin to seamlessly turn designs into responsive code.

","figma-importing",[416,417],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff124335eeeae4067a8e1c0a8660ad6ad","Convert Figma to responsive code effortlessly. Watch Builder.io experts demonstrate how to solve top design challenges using our seamless Figma plugin.","How to Build: Figma importing made easy",[415],"https://www.youtube.com/embed/Bj9c9awrlb0?si=ZRz7XNduekcvFHc","Design to code",{"_19":421,"_381":422,"_402":403,"_374":423},{"_19":418,"_381":419,"_402":403,"_374":420},"Tiana Rego","Product Design Lead","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Faf2b2fa8ad7645ac852521348ec9fb46?format=webp","Tim Garibaldi","Head of Technical Success","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F83bcb45f8c034b93ac205b761977fa5a","Framework",1665547200000,"Framework | Nuxt.js","/m/nuxt-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa44c3be43ec746e8b389d26d79aa17e1","Build fast, SEO-friendly websites using Builder.io’s Visual Headless CMS with Nuxt. Empower content teams to scale pages faster with fewer dev dependencies.","Nuxt.js",[398],1665590400000,"Livestream | How to Build: your website with Symbols","

Symbols--What they are, how to use them, and how to build websites faster. Logan, from the Builder Customer Engineering & Marketing team will show how he rebuilt our Builder.io homepage in two days using his Symbol strategy.

","symbols",[443,444],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa72e8ad887384faebb76953db57c7715","Master Builder.io Symbols to speed up site development. See how Logan from Customer Engineering rebuilt our entire homepage in two days with custom Symbols.","How to Build: your website with Symbols",[398],"https://www.youtube.com/embed/22FF4kXpx0Y?si=32OtkfA7vec2qUqf",{"_19":421,"_381":422,"_402":403,"_374":423},{"_19":445,"_381":446,"_402":403,"_374":447},"Logan Affleck","Design Technologist","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8cbb359dbf7441d7ba77e1fcfc6d28aa",1668618000000,"Livestream | Build by Builder.io 2022","

In our Build event, we introduced our Visual CMS platform, which combines the best of headless CMS capabilities (API-based, tech agnostic, developer-oriented) with the best of modern page and site builders (drag and drop, visual composition, optimization tooling) to usher in a new era of content and digital experience management.

We had a great time interviewing Tim Collins (CTO at Fabletics, TechStyle Fashion Group) and Monica Freedman (GM & Digital Leader formerly of Alo Yoga, RH), and hearing how their organizations have successfully adopted Builder for content and digital experience management.

","build-by-builder",[458,459],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc2477eb58e1642159a47ce6eda5e67c8","Discover Builder.io’s Visual CMS platform combining Headless CMS power with drag-and-drop editing. Featuring insights from Fabletics and Alo Yoga leaders.","Build by Builder.io 2022",[386,398,415],"https://www.youtube.com/embed/q8HHPP42-a4?si=v8o-LNjoiXGq4YZ0",{"_19":463,"_381":464,"_402":403,"_374":465},{"_19":460,"_381":461,"_402":403,"_374":462},"Brent Locks","President","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F9cd4e4942eac46939575047153c1ba97","Steve Sewell","CEO","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb3752be281364bc3a577735be0858d2f","Customer Story",1669093200000,"Customer Story | Everlane goes to market 4x faster with Builder","/customer-stories/everlane",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F27e1f706423c4f2287e97c5cff2291da","See how Everlane publishes 100+ homepage variations a month with Builder.io. Personalize shopping experiences based on context without developer help.","Everlane goes to market 4x faster with Builder",[398,475],"Ecommerce",1671814800000,"Framework | Astro","/m/astro-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1d03ca84ef4b4714bd5a163145fcf516","Build ultra-fast websites using Builder.io’s Visual Headless CMS with Astro & Qwik. Empower content teams to scale pages in minutes with fewer dev dependencies.","Astro",[398],1675962000000,"Livestream | How to Build: Environments","

Watch us as we discuss and demo all things environments! Learn why they are a critical part of the content development process and how to leverage them to test ideas and functionality before pushing content to production.

","environments",[495],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffa5e7fae49a24ac3ace33f08826a87aa","Master environment workflows in Builder.io. Learn how to test new content, features, and functionality safely in staging before pushing live to production.","How to Build: Environments",[398,494],"https://www.youtube.com/embed/9ioks6_ICi0?si=GIIbGmVkhQ2XE20L","Collaboration",{"_19":421,"_381":422,"_402":403,"_374":423},1676955600000,"Customer Story | How Anheuser-Busch Optimizes Multi-Brand Web Workflows with Super Bowl Scale","/customer-stories/anheuser-busch",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F24bb95d4ce374d2a901e0e6b6152c0b0","See how Anheuser-Busch built a multi-brand stack using SvelteKit and Builder.io to let devs iterate fast while brand teams launch content autonomously.","How Anheuser-Busch Optimizes Multi-Brand Web Workflows with Super Bowl Scale",[398,386],1677128400000,"Framework | Hydrogen","/m/hydrogen-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff9759f16969b4d3d968508accbed1acd","Build fast, SEO-friendly storefronts using Builder.io’s Visual Headless CMS with Hydrogen. Empower content teams to scale pages with fewer dev dependencies.","Hydrogen",[398],1678338000000,"Framework | Svelte","/m/svelte-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F453ad98875244b74b9c85663183c32d5","Build fast, SEO-friendly websites using Builder.io’s Visual Headless CMS with Svelte. Empower content teams to scale pages faster with fewer dev dependencies.","Svelte",[398],1679587200000,"Livestream | How to Build: Localization","

Watch Taylor & Tim as we discuss and demo all things localization. Learn about common localization strategies and how to improve localization workflows with Builder, including how to integrate 3rd party localization platforms to automate entire translation lifecycle workflows.

","localization",[530,531],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe0cc763793654e2d9989e90e4f51a72a","Watch Taylor & Tim demo modern localization strategies in Builder.io. Discover how to streamline translations and integrate 3rd-party platforms seamlessly.","How to Build: Localization",[398],"https://www.youtube.com/embed/oSI_Lrn5xI8?si=GsI7tWXOA2fbPq94",{"_19":421,"_381":422,"_402":403,"_374":423},{"_19":532,"_381":533,"_402":403,"_374":534},"Taylor Manzo","Head of Customer Success","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffa7ddb22796740dd9b8f8dd8c6ed3ad7?format=webp",1679846400000,"Livestream | DXC MACH Panel from ShopTalk 2023","

We love to build with the best! Learn about our partner program, and how we can enable your team to bring true innovation to your client's digital experience efforts.

","dxc-mach-2023",[545,546],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F28996b733898430ba3f07b370518fe11","Learn how Builder.io’s partner program empowers your team to drive client digital innovation. Watch our DXC and MACH Alliance panel from ShopTalk 2023.","DXC MACH Panel from ShopTalk 2023",[398],"https://www.youtube.com/embed/VFAIr4F4pNI?si=6hFNBfgZgb0flRt0",{"_19":400,"_381":401,"_402":403,"_374":404},{"_19":460,"_381":461,"_402":403,"_374":462},1681185600000,"Framework | Vue.js","/m/vue-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd73700ec13dc41089c5ddb6e1afe91fc","Build fast, SEO-friendly websites using Builder.io’s Visual Headless CMS with Vue. Empower content teams to scale pages faster with fewer developer dependencies.","Vue.js",[398],1682611200000,"Livestream | Visually Build with AI","

Use AI to generate responsive designs and apps, edit content with natural language, and convert to code for any framework. This is not a hypothetical future. You can do this today. Watch as Builder.io co-founder and CEO Steve Sewell demos the latest AI beta features in Builder.

","build-with-ai",[565,566],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8281fe6f43254f568610517b9ca60ee5","Watch Builder.io CEO Steve Sewell demo AI features that generate responsive designs, edit content via natural language, and output code for any framework.","Visually Build with AI",[398,386],"https://www.youtube.com/embed/YG_uJgYx49Q?si=co7PWlVYO80IpAu8",{"_19":463,"_381":464,"_402":403,"_374":465},{"_19":421,"_381":422,"_402":403,"_374":423},1683820800000,"Livestream | Mastering Visual Editing with a Headless CMS","

Watch our Builder.io CEO and co-founder Steve Sewell as he analyzes the ins and outs of visually creating experiences with a headless CMS, and learn the best practices he's seen for designing the best architecture for your project and team.

","master-visual-editing",[577],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Feefefe894823450c85c07dc0129bf5a7","Learn best practices for building modern web architectures with a Headless CMS. Watch Builder.io CEO Steve Sewell analyze visual experience workflows.","Mastering Visual Editing with a Headless CMS",[398],"https://www.youtube.com/embed/mA-Cocc9dRE?si=ocXMOxYA0K24JTVh",{"_19":463,"_381":464,"_402":403,"_374":465},1684598400000,"Framework | Qwik","/m/qwik-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F74dbb72b8eac4badbcbfa99fca633763","Build fast, SEO-friendly websites using Builder.io’s Visual Headless CMS with Qwik. Empower content teams to scale pages faster with fewer dev dependencies.","Qwik",[398],1684944000000,"Livestream | Composable Commerce - Personalization, Localization, and Targeting","

Watch Steve Sewell, Co-founder & CEO of Builder.io for an all-demo, no-pitch session showing how to compose a personalized, localized, and high-performance composable commerce experience with Builder.io, Algolia, Cloudinary, Elastic Path, Phrase, Segment, and Vercel.

","composable-commerce",[596],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fec29eec71c6746aebde54661d4eeedf8","Watch Builder.io CEO Steve Sewell demo building a personalized, high-performance composable commerce stack with Vercel, Algolia, Cloudinary, and Elastic Path.","Composable Commerce - Personalization, Localization, and Targeting",[398,386],"https://www.youtube.com/embed/ZLQhBeHgxcc?si=jCzJuWzs2q-h_hO6",{"_19":463,"_381":464,"_402":403,"_374":465},1686542400000,"Customer Story | Petlab uses Builder.io to Ship Content and Experiments Faster","/customer-stories/petlab",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff164504bb1094e489e8999a48dd58501","Discover how PetLab Co. scales digital experiences using Builder.io. Expand non-technical team capabilities while reducing developer backlog and effort.","Petlab uses Builder.io to Ship Content and Experiments Faster",[398,386],1686844800000,"Livestream | How To Ship Your First Personalized Web Experience","

Watch to learn from Builder’s Customer and Product teams members as they share common questions and challenges product and marketing team members face in personalization workflows and show how to solve them using Builder.io’s personalization capabilities.

","personalized-web-experience",[616,617],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F7505092501fc42fcab2f8c26e17e0902","Solve common marketing and product team personalization challenges. Watch Builder.io experts demonstrate how to optimize customer workflows and scale builds.","How To Ship Your First Personalized Web Experience",[398,615],"https://www.youtube.com/embed/bFWMpl5yr9o?si=0xcJzocTQykAwdrD","Personalization",{"_19":618,"_381":619,"_402":403,"_374":620},{"_19":421,"_381":422,"_402":403,"_374":423},"Mike Chirokas","Product Marketing Lead","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F332f1d756e0545a190f6544efb7faec4",1686888000000,"Framework | Remix","/m/remix-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F96d440a4119d4d95a3708873875cea7f","Build fast, SEO-friendly websites using Builder.io’s Visual Headless CMS with Remix. Empower content teams to scale pages faster with fewer dev dependencies.","Remix",[398],1691640000000,"Framework | Angular","/m/angular-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffacb1861e8a849cd9b63a71900b71b11","Build fast, SEO-friendly websites using Builder.io’s Visual Headless CMS with Angular. Empower content teams to scale pages faster with fewer dev dependencies.","Angular",[398],"Guide",1692291600000,"Guide | How to Uplevel Your B2B SaaS Website For Series C And Beyond","

Experts from Builder.io and Webstacks, a full-service web development agency specializing in B2B Saas companies, collaborated to create this comprehensive guide for marketing leaders in fast-scaling B2B SaaS companies.

By reading this guide, you will learn:

Why fast-scaling B2B SaaS companies build their site in a specific way
What you will need to build a modern site that can scale as fast as your company
Three examples of fast-scaling B2B SaaS companies that shifted to a modern website when they scaled

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4de0e0b4b83d46128664e99f0821a96b?alt=media&token=97ef19f2-01b1-49fc-b464-e81b380d26c6&apiKey=YJIGb4i01jvw0SRdL5Bt","uplevel-b2b-saas-website",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0443c933b15a4f7aab0bb60b479ef91d","Scale your B2B SaaS website with this guide from Builder.io and Webstacks. Learn modern site architecture and see 3 examples from high-growth SaaS brands.","How to Uplevel Your B2B SaaS Website For Series C And Beyond",[398],1693368000000,"Customer Story | Zapier Empowers Its Team to Ship High-Quality Web Experiences Faster with Builder.io","/customer-stories/zapier",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd037986ef34c4a42a8fb946d6cee7d3c","Discover how Zapier optimized their marketing website using Builder.io. See how their cross-functional content team powers efficient digital workflows.","Zapier Empowers Its Team to Ship High-Quality Web Experiences Faster with Builder.io",[656,398],"Governance & Security",1694707200000,"Guide | 9 Composable Commerce Pitfalls (and how to avoid them)","

Experts from Builder.io, Kibo Commerce, and composable commerce agency, PeakActivity, collaborated to create this comprehensive guide for digital leaders in commerce organizations.

By reading this guide, you will learn:

The 9 most common pitfalls teams hit when shifting to a composable commerce platform architecture
Tactical steps you can take to avoid each pitfall
The people, processes, and technologies that make your shift to composable commerce much more smooth

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72e6e45b1dd7484c9251b1108e794702?alt=media&token=f1bcb03f-4bce-4118-9c1f-cd454290f0c0&apiKey=YJIGb4i01jvw0SRdL5Bt","9-composable-commerce-pitfalls",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4639373280084e0ba3e462e57b2fb197","Avoid the top 9 composable commerce pitfalls. Get tactical advice, tech strategies, and expert insights from Builder.io, Kibo Commerce, and PeakActivity.","9 Composable Commerce Pitfalls (and how to avoid them)",[398],"Explainer | Visual Headless CMS: the what, why and how","/m/knowledge-center/visual-headless-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1da6b0df47ac4c8eb24af269144780ef","Explore how Visual Headless CMS evolves beyond traditional WordPress and standard headless options. Learn why visual drag-and-drop editing redefines content.","Visual Headless CMS: the what, why and how",[398],1694793600000,"Framework | Vanilla JavaScript","/m/javascript-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8fbb2d181d454b5d967ceef12650300e","Build fast, SEO-friendly websites using Builder.io’s Visual Headless CMS with JS. Empower content teams to scale pages faster with fewer dev dependencies.","Vanilla JavaScript",[398],1696608000000,"Livestream | Transform Figma to clean code in seconds with Visual Copilot","

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.

","visual-copilot",[693],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F191176b9c133477fa1b84b80b23219de","Turn Figma designs into clean code using Visual Copilot. Watch Builder.io CEO Steve Sewell demo AI workflows for building components and full landing pages.","Transform Figma to clean code in seconds with Visual Copilot",[415,692],"https://www.youtube.com/embed/FXT7nLjijYg?si=P9GSPok-CORMNwq6","AI coding",{"_19":463,"_381":464,"_402":403,"_374":465},"Livestream | Builder Velocity 2023","

Save developer time with Visual Copilot. Use AI to convert Figma designs directly into clean, framework-ready code that matches your existing codebase style.

","velocity",[703],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3eac27be373749e9a4571c86c0ecd1c5","Save developer time with Visual Copilot. Use AI to convert Figma designs directly into clean, framework-ready code that matches your existing codebase style.","Builder Velocity 2023",[415,692],"https://www.youtube.com/embed/3ET9nn6oURI?si=EA2P7abJ7Ck0fo3-",{"_19":463,"_381":464,"_402":403,"_374":465},1698724800000,"Customer Story | Harry's Inc. Rapidly Ships And Iterates Landing Pages Across Multiple Brands","/customer-stories/harrys",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffbfc85bfba10439bb2b2a7645eac5d0f","Discover how Harry’s Inc. leverages Builder.io to scale multi-brand collaboration. Reuse custom components across brands to streamline page development.","Harry's Inc. Rapidly Ships And Iterates Landing Pages Across Multiple Brands",[398,475],1698897600000,"Customer Story | How TechStyle Builds, Manages, and Optimizes Multi-Brande Commerce Storefronts at Scale","/customer-stories/techstyle",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc4489d60a8a440fc8a4e3da75a43269b","Discover how TechStyle CTO Tim Collins migrated to a modern e-commerce stack with Next.js and Builder.io to scale multi-brand digital storefronts globally.","How TechStyle Builds, Manages, and Optimizes Multi-Brande Commerce Storefronts at Scale",[398,475],1699027200000,"Explainer | Finding the Best React CMS: A Comprehensive Guide","/m/knowledge-center/best-react-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F32a3bc1cdab64a869a2729bc15033495","Discover the best headless CMS options for React apps. Learn how to choose, scale, and integrate a modern content management system into your React stack.","Finding the Best React CMS: A Comprehensive Guide",[398],1699938000000,"Framework | Gatsby","/m/gatsby-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fedd2753eb225417a82978906d4f0586f","Builder's Visual Headless CMS works seamlessly with Gatsby to create fast, SEO-friendly websites. The combination allows you to build scalable, dynamic static sites in minutes.","Gatsby",[398],1700110800000,"Framework | Swift","/m/swift-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff1a980ed8f684efe9270568143e6abec","Build fast, SEO-friendly mobile sites using Builder.io’s Visual Headless CMS with Swift. Empower content teams to scale pages faster with fewer dev dependencies.","Swift",[398],1703005200000,"Livestream | Forge Ahead or Fall Behind","

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.

During the webinar you will learn about:

Forrester’s perspective on who composable commerce is actually for (spoiler alert: not everyone)
The importance of customer obsession in the adoption of composable commerce
Real-world case studies highlighting successes and pitfalls in shifting to a composable architecture
Why companies like Kibo, Builder, and Ignitiv are teaming up together in the market to drive adoption of composable commerce

","composable-commerce-trend",[755],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe5be0b93e7934641a523e356a09e2ffb","Navigate composable commerce decisions with Forrester, Kibo, Ignitiv, and Builder.io. Learn proven strategies to solve architectural complexity and transform.","Embracing the Composable Commerce Trend","Forge Ahead or Fall Behind",[398,475],"https://www.youtube.com/embed/_iydMBQbq-w?si=PZnolGnujOYOBJ6n",{"_19":460,"_381":461,"_402":403,"_374":462},1704301200000,"Framework | React","

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

","/m/react-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F7a1abb3ce4d141a4819bad9f74adffbe","Build fast, SEO-friendly websites using Builder.io’s Visual Headless CMS with React. Empower content teams to scale pages faster with fewer developer blockers.","React",[398],"Webinar: Turn Figma Designs Into Commerce Experiences With AI",1706119200000,"Livestream | Turn Figma Designs into Commerce Experiences with AI","

Join Builder.io's Head of Customer Engineering, Tim Garibaldi, and Product Marketing Lead, Mike Chirokas, as they dive into real-world customer use cases, demonstrating how you can harness the power of AI to efficiently transform your Figma designs into commerce experiences.

","figma-to-commerce-with-ai",[777,778],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffacb743ac310415ab441c3dfb9837223","Transform Figma designs into live commerce experiences using AI. Watch Builder.io experts Tim Garibaldi and Mike Chirokas break down real-world customer use cases.","Turn Figma Designs into Commerce Experiences with AI",[776,398,415],"https://www.youtube.com/embed/pOyh8aKJHfI","AI workflows",{"_19":421,"_381":422,"_402":403,"_374":423},{"_19":618,"_381":619,"_402":403,"_374":620},1706806800000,"Explainer | The Complete Guide to Choosing the Best Jamstack CMS","/m/knowledge-center/jamstack-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fae843496e2be48ddba9787e0102f877f","Accelerate web development with Jamstack and modern CMS tools. Learn how to optimize developer experience, scale security, and manage content seamlessly.","The Complete Guide to Choosing the Best Jamstack CMS",[398],1707195600000,"Explainer | The Rise of Visual Editing in Headless CMSes","/m/knowledge-center/visual-editing",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F9f9ef60eee504737bf74215d08c2d9f6","Unlock team autonomy with visual editing for headless architecture. Let marketers update content and data instantly without API skills or dev dependencies.","The Rise of Visual Editing in Headless CMSes",[398],1707944400000,"Explainer | What is Design to Code: an Automated Approach","/m/knowledge-center/design-to-code",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd0aabd34891543998f2b2a98ff0f4087","Design to code is about automating beautiful visual designs into clean code that matches the designed look. But how did we get here, and where is it going? ","What is Design to Code: an Automated Approach",[415],1708927200000,"Explainer | The Definitive Guide to Creating a Blog with Builder.io ","/blog/builder-drag-drop-blog",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb38e58eae3d74aba8ac0e8d5b7b332e4","Build an editable drag-and-drop blog using Builder.io. Explore Data models, Section models, and Hybrid approaches with step-by-step Next.js code examples.","The Definitive Guide to Creating a Blog with Builder.io ",[398],1710961200000,"Framework | Next.js","/m/nextjs-cms",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe041983ab50a4255872a9ad8cf21b2a6","Combine Next.js with Builder.io’s Visual Headless CMS to build high-performance sites. Let content editors publish dynamic, static pages in minutes effortlessly.","Next.js",[398],1711684800000,"Explainer | What is a Headless CMS: a Visual Guide","/m/knowledge-center/headless-cms-visual-guide",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5d6cd5f1ff744d34b0aad31f1783024e","Explore the power of a headless CMS for modern content management. Learn how separating your content from the presentation layer boosts flexibility and speed.","What is a Headless CMS: a Visual Guide",[398],1715058000000,"Explainer | What is Mitosis and How to Get Started","/blog/mitosis-get-started",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4e15423dccbc4f748f68eb46ce4b1d7c?format=webp","Build a single-source design system with Mitosis. Write UI components once in JSX and export to React, Vue, Svelte, Qwik, Angular, and web components.","What is Mitosis and How to Get Started",[398,386],1715871600000,"Livestream | Builder.io + Figma = Design to code in 80% less time","

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.

","figma-design-to-code-webinar",[845],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff296da46394646dbadbaa5adba65978d","Learn how to eliminate design-to-code back-and-forth. Builder.io's Visual Copilot frees up development hours for important tasks by turning Figma designs into clean, reusable code.","Builder.io + Figma = Design to code in 80% less time",[415,398],"https://www.youtube.com/embed/qVbzUCs4wuQ?si=2itDwzyL_vgKGhMw",{"_19":463,"_381":464,"_402":403,"_374":465},1719244800000,"Customer Story | How Black Rifle’s lean developer team saved 160 hours per sprint","/customer-stories/black-rifle-coffee-company",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2698950db019454381f0adb94dfc49b8","See how Black Rifle Coffee saved 160 hours per sprint with Builder.io. Learn how they boosted Lighthouse scores by 37 points and sped up web launches.","How Black Rifle’s lean developer team saved 160 hours per sprint",[386,398],1719896400000,"Explainer | Visual Content Modeling: A Comprehensive Guide","/m/explainers/content-modeling",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F11fcacc253dd412db67cd05beba9f40c","Master visual content modeling with Builder.io. Combine structured data with drag-and-drop flexibility to empower marketing and eliminate dev bottlenecks.","Visual Content Modeling: A Comprehensive Guide",[398],1721019600000,"Explainer | Structured Data: What It Is and Why You Need It","/m/explainers/structured-data",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F7ec6ba05fb0b490094f23b4ee96cb947","Master structured data and structured UI. Learn how to organize content, power omnichannel publishing, and accelerate design-to-code workflows effortlessly.","Structured Data: What It Is and Why You Need It",[398],1721232000000,"Customer Story | Skin Laundry’s digital team ups efficiency by 100%","

","/customer-stories/skin-laundry",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F28a30dca2a1447b380675adb74b6f730","Discover how Skin Laundry completely overhauled its CMS from the ground up using Builder’s drag-and-drop editor and custom components to accelerate workflow and scaling.","Skin Laundry’s digital team ups efficiency by 100%",[398],1721379600000,"Explainer | Micro Agent: A Reliable AI Coding Agent","/blog/micro-agent",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc82b852f0ced46459c6b11a021222f07","Discover Micro Agent, an open-source AI coding tool by Builder.io that uses automated unit tests and iterative loops to generate reliable, production-ready code.","Micro Agent: A Reliable AI Coding Agent",[692],1721836800000,"Guide | How AI and visual development are redefining enterprise digital experience delivery","

It's time to move beyond the limitations of headless CMSs and embrace the future of web and mobile development.

Read this guide to learn how top enterprise brands are transforming how they create, manage, and optimize digital experiences across channels. Packed with insights from industry leaders and real-world examples, you'll discover:

Why headless CMSs alone aren't enough in today's multi-channel, data-driven environment
The potential of visual development to bridge the gap between idea to production
How AI is revolutionizing the design-to-code process
Essential features of next-gen visual development platforms
The future of personalization and A/B testing in visual workflows

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4d3b516a825441869df16203da044c16?alt=media&token=464a9a67-59f2-4280-a1be-4ef5750eed6c&apiKey=YJIGb4i01jvw0SRdL5Bt","beyond-headless-ai-visual-development",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72b2cc9efad2440abd6794b2bfb07165","Discover how enterprise brands use AI and next-gen visual development platforms to scale digital experiences, accelerate iteration, and bridge design and code.","A guide to code, create, and iterate with extreme efficiency","How AI and visual development are redefining enterprise digital experience delivery",[898,692],"App development",1721840400000,"Livestream | Accelerating Idea to Production","

Are you tired of the endless cycle of design, development, and deployment that slows down your digital experience initiatives?

In this session, we'll examine how visual development and AI-powered tools are reshaping the way digital experiences are built, iterated, and optimized. We'll cut through the hype and provide a realistic view of how traditional CMS architecture misses the mark and how emerging technologies address long-standing challenges.

Here’s what we’ll cover:

Why traditional approaches to digital experience creation are holding you back
How visual development + AI can dramatically accelerate your workflow
The power of Generative UI and Structured UI in modern web development
Strategies to empower your entire team – from developers to marketers
Real-world examples of organizations shipping digital experiences 10x faster

","visual-dev-and-ai",[910],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F87da63c4b6b44992b1f528d65168146b","Learn how visual development, Generative UI, and AI empower marketers and developers to overcome traditional CMS limits and ship web experiences 10x faster.","Using Visual Development  + AI to Ship 10x Faster","Accelerating Idea to Production",[692,415],"https://www.youtube.com/embed/SMlTRGbYadI?si=IGBaePm9LH1FDoXz",{"_19":463,"_381":464,"_402":403,"_374":465},1721883600000,"Explainer | Understanding SEO Core Web Vitals","/m/explainers/seo-core-web-vitals",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc1a6898d1a3f41b38e2fbf25dab42b34","Learn how Core Web Vitals impact your SEO and search rankings. Discover how to optimize LCP, FID, and CLS scores using Builder.io's visual platform and AI tools.","Understanding SEO Core Web Vitals",[898],1724173200000,"Explainer | What is a Composable DXP?","/m/explainers/composable-dxp",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5f8d6730eb654d2fbfc1f6611ce86989","Discover what a composable Digital Experience Platform (DXP) is, how it differs from traditional monoliths, and why businesses use modular, API-first architecture.","What is a Composable DXP?",[398,386],1724317200000,"Explainer | Digital asset management: Organize your digital world","/m/explainers/digital-asset-management",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6e815356ac6d48a09d9292818e89516e","Discover how Digital Asset Management (DAM) centralizes storage, optimizes media files, and integrates with headless CMS platforms like Builder.io to streamline your workflow.","Digital asset management: Organize your digital world",[386,398],1725872400000,"Explainer | Extensibility: Building software that adapts","/m/explainers/extensibility",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F31c1f4eef5d642aba6c5f5a846bdba01","Discover how software extensibility enables systems to adapt, scale, and integrate new features without core rewrites, featuring modular design strategies and Builder.io tools.","Extensibility: Building software that adapts",[398],1729242000000,"Explainer | Design Systems Explained","/m/explainers/design-systems",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4332c448ffbe4b2da386e6164fa08f75","Discover how design systems drive consistency and efficiency, and learn how tools like Builder.io and Mitosis streamline component management across frameworks.","Design Systems Explained",[951],"Design systems",1730390400000,"Livestream | Announcing Visual Copilot 2.0","

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.

Check out the recording of our latest AI launch event, where we introduced our AI feature that generates fully functional interactive web and app experiences using your styles and components.

The session includes a live demo of this AI-powered capability, highlighting how it integrates seamlessly with your design system and components.

You'll see firsthand how this feature can significantly reduce development time while maintaining clean, production-ready code.

","make-it-real",[963,964,965],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1326d8bee3f64648ad16eb4045abcbba","Discover how Visual Copilot 2.0 transforms Figma designs into interactive, production-ready web apps using AI that understands your custom components and tech stack. ","Make Designs Real","Announcing Visual Copilot 2.0",[415,692],"https://www.youtube.com/embed/MgAPAl20hDM?si=19RDFE9N7BXcr8MQ",{"_19":463,"_381":464,"_402":403,"_374":465},{"_19":970,"_381":971,"_402":403,"_374":972},{"_19":966,"_381":967,"_402":968,"_374":969}," Sunny Rochiramani","VP of Engineering","Descript","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F18ba766a1f4a4acea5be03dae24534db?format=webp"," Manu Martinez-Almeida","Principal Engineer, AI services","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4cbe8b5cf2654520b29b03469b20ea57",1731405600000,"Explainer | A Guide to Server-Side Rendering","/m/explainers/server-side-rendering",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fbf9b135ec4c44fea9ea447f5c61b82b0","Discover how Server-Side Rendering (SSR) boosts web performance and SEO, and learn how Builder.io seamlessly integrates with frameworks like Next.js for SSR and SSG.","A Guide to Server-Side Rendering",[898],1732136400000,"Explainer | Headless Commerce - A Guide to Decoupled E-Commerce","/m/knowledge-center/headless-commerce",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb6dbd1048ee840dca80bb0dcbc0494b0","Debunk headless e-commerce migration myths with Builder.io. Learn how decoupling your frontend from backend speeds up launches and empowers content teams.","Headless Commerce - A Guide to Decoupled E-Commerce",[398,475],1733940000000,"Livestream | How Marketers & Designers Build Experiences with Builder","

'Tis the season to elevate how you build your website and apps in Builder! In this session, you'll discover how to create stunning, enterprise-grade experiences faster and more efficiently.

You’ll learn how to:

Visually create personalized homepages, marketing funnels, and interactive product pages
Use Visual Editor AI to streamline A/B testing, personalization, and localization
Maintain brand integrity through design tokens and Figma integration
Set up automated workflows and rules
Seamlessly integrate with existing systems

","build-experiences-with-builder",[1000,1001],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F455659021e064bd39a73b5c8310cf5b7","Discover how to build enterprise-grade web and mobile experiences faster using Builder's visual creation tools, AI-driven workflows, and seamless design system integration.","Best practices for using Builder to create better website and app experiences","How Marketers & Designers Build Experiences with Builder",[415],"https://www.youtube.com/embed/JFb4uQ1al8Y?si=VBk4AXlqbTNE1k6c",{"_19":618,"_381":619,"_402":403,"_374":620},{"_19":1002,"_381":1003,"_402":403,"_374":1004},"Josh Thomas","Product Manager of AI Services","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F9164a3b5f7564d138a0540728f8feea4?format=webp",1734084000000,"Explainer | What is Builder's Visual Development Platform?","/m/explainers/visual-development-platform",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a0fef28a5e54a3fa412698b5c9e0c24","Discover Builder's Visual Development Platform: a unified toolkit combining AI design-to-code, a visual CMS, and optimization features to ship web apps faster.","What is Builder's Visual Development Platform?",[415,398],1734368400000,"Customer Story | Nuts.com saves months of engineering time with Builder","/customer-story/nuts",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6d6742163148454cbe39e68a3fd8cc0f","Discover how Nuts.com saved 4 months of engineering time annually and boosted conversions by 30% using Builder.io's visual editor and A/B testing platform.","Nuts.com saves months of engineering time with Builder",[398],1734541200000,"Customer Story | CallRail sped up web development by 11x with Builder","/customer-stories/callrail",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F61eb8bb6070f4353a9fc9318db31a4b4","Discover how CallRail accelerated web ticket resolution by 11x and boosted conversion rates by 43% using Builder.io's flexible visual CMS and AI tools.","CallRail sped up web development by 11x with Builder",[398],1737050400000,"Livestream | How to build React components with AI-powered design to code","

Watch our session led by our customer engineering team, designed to help developers get started and optimize their experience with design to code.

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.

","labs-react-design-to-code",[1039,1040],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F94006072349d4cbaa3249befaa07150c","Discover how to turn Figma designs into production-ready React and front-end components faster with expert best practices and live demos from Builder.io.","How to build React components with AI-powered design to code",[415,692],"https://www.youtube.com/embed/F5cuBGdktIk?si=9Ruz5hlWeZ0hsgOM",{"_19":1041,"_381":1042,"_402":403,"_374":1043},{"_19":421,"_381":422,"_402":403,"_374":423},"Alexis Kulash","Head of Sales Engineering","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F9b14e8c9e6824612b2264eb341447d0a?format=webp",1738083600000,"Customer Story | Storyblocks gets pages to market 12x faster","/customer-stories/storyblocks",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F02501d37e38b4bdd97158b75a8ab10ea","Discover how Storyblocks accelerated page building by 83% and scaled A/B testing 12x using Builder.io's visual development platform and Figma-to-code workflows.","Storyblocks gets pages to market 12x faster",[398],1738256400000,"Customer Story | J.Crew Ships Complex Digital Experiences 2x Faster","/customer-stories/jcrew",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6c21f08a25b146a2ac09b29d7e4b0227","Discover how J.Crew doubled homepage content capacity and reduced promotional update times by over 50% using Builder.io's visual CMS and flexible workflows.","J.Crew Ships Complex Digital Experiences 2x Faster",[398],1741366800000,"Guide | Launching Projects Faster with Design to Code Automation","

If you are like most organizations, your engineers are spending 30-50% of feature development time doing UI implementation—the rather arduous task of turning Figma designs into application code. Now this task can be almost entirely automated by AI with impressive results.

This interactive guide shows you implementation-ready approaches that will transform how your team works:

Cut repetitive manual UI coding time by up to 50%—with real examples from dev teams just like yours
Pinpoint where automation delivers the biggest ROI so you can focus your efforts
Measure your own potential savings with an interactive calculator
See actual code output from Figma files
Use our step-by-step plan to get designers and devs aligned on AI automation
Check the technical requirements so you know exactly what it takes

The market moves too fast for manual code implementation. The teams who solve this problem are shipping better products, faster, with happier developers and designers who can focus on what they do best.

","figma-design-to-code",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F80d50769f6c34772ae6fb9f2bcece2eb","https://www.builder.io/guide/figma-design-to-code","Discover how to automate up to 50% of UI implementation with AI, cut manual Figma-to-code bottlenecks, and measure your potential ROI with an interactive calculator.","A pragmatic guide for engineering leaders and development teams","Launching Projects Faster with Design to Code Automation",[692,415],1741885200000,"Livestream | AI-Powered Frontend Development","

AI tools are changing how we design, build, and test user interfaces. In this livestream we’ll explore current AI technologies that are improving the frontend development process.

You'll learn about:

Using Visual Copilot to convert Figma designs into production-ready code
Implementing AI agents for automated code writing and testing
Going beyond autocomplete with Cursor's powerful Composer feature
Real-world examples showing how AI tools affect development speed and code quality

This session provides an overview of how AI can enhance your frontend development process, allowing you to build high-quality user interfaces more efficiently.

","ai-frontend-dev",[1082],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F25907a08b2cf4b9eaf755e50fcb94ea0","Explore how AI tools like Visual Copilot, autonomous agents, and Cursor's Composer streamline workflows and accelerate high-quality frontend UI development.","Building Better UIs","AI-Powered Frontend Development",[692],"https://www.youtube.com/embed/X406gPfof1E?si=nE5ubrY_ALJ0xupe",{"_19":463,"_381":464,"_402":403,"_374":465},1742443200000,"Livestream | How to optimize a Figma design to ship AI-powered experiences","

Tune into our livestream where we demo how to optimize a Figma design for seamless import.

This livestream covers:

Making any design convert better using auto layout
Best practices for styling and defining images
FAQ around Builder’s easy and precise mode for importing designs

Let us show you ways to reduce your coding time.

","builder-labs-figma-ai-import",[1093,1094],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8c7a690ef7ee435fb65ce786f9854445","Learn how to optimize your Figma designs with auto layout and styling best practices to seamlessly convert layouts into high-quality code with Builder.io.","How to optimize a Figma design to ship AI-powered experiences",[415],"https://www.youtube.com/embed/9LZGnSmg-Gg?si=7kJHsYt9Xwgr-qlo",{"_19":418,"_381":419,"_402":403,"_374":420},{"_19":421,"_381":422,"_402":403,"_374":423},1743699600000,"Livestream | 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

","builder-labs-landing-pages-design-system",[1105,1106],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F556848b3ac0b437b9a8b612fe7c05192","Discover how to convert Figma landing page designs into clean React components using your design system and Builder's AI visual editor in this expert livestream.","Building landing pages with AI and your design system",[692,951],"https://www.youtube.com/embed/gPe-AdhC_Wo?si=4KNHrcwKMgY4xhrr",{"_19":1002,"_381":1003,"_402":403,"_374":1004},{"_19":1107,"_381":1108,"_402":403,"_374":1109},"Andreas Cary","Senior Customer Engineer","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fcc7880133f6847d09fb94f97f3ceb9a3?format=webp",1744318800000,"Customer Story | Shopify Hydrogen & Builder Help Turtle Beach Nearly Double YoY Revenue","/customer-stories/turtle-beach",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff17505d509354f649026666a318c80fd","Discover how Turtle Beach nearly doubled YoY revenue and saved 16 hours of developer time weekly by pairing Shopify Hydrogen with Builder.io's headless CMS.","Shopify Hydrogen & Builder Help Turtle Beach Nearly Double YoY Revenue",[398],1745514000000,"Livestream | AI-Powered Prototyping & Wireframing ","

Learn how to leverage AI to build prototypes and wireframes in a fraction of the time. Whether you're a frontend dev, designer, or somewhere in between, you'll walk away with practical, effective techniques you can implement immediately after the webinar.

What you'll learn

GUI-based iteration - See how to rapidly tweak and refine designs through an intuitive interface
CLI workflow integration - Learn to prototype directly from your local project repository
Staging deployment - Publish directly to a staging app via API

","builder-labs-ai-prototyping-wireframing",[1128,1129],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F978ebed3aa4a47e6bc8ed8d2b16ba80b","Learn how to leverage AI to rapidly build prototypes, iterate through intuitive GUI workflows, and deploy directly to staging from your local repository.","AI-Powered Prototyping & Wireframing ",[692,951],"https://www.youtube.com/embed/FQES0y5jx6o?si=Al0p_U2Vu9d4Lm8M",{"_19":1130,"_381":1108,"_402":403,"_374":1131},{"_19":1041,"_381":1042,"_402":403,"_374":1043},"Chris Budd","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe49b1d4a2ca14b17933680e74fa61648?format=webp",1746043200000,"Guide | Accelerate Your Design-to-Code Pipeline","

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

2025 Benchmarks revealing patterns from 404 developers
ROI calculator that quantifies your team's potential time and cost savings
Team survey template to pinpoint your specific workflow bottlenecks

See exactly how much an optimized design-to-code process could impact your delivery timelines and development resources.

","design-to-code-toolkit",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fae164d35b3eb4268b543c6d695a4deaa","https://www.builder.io/m/thank-you-toolkit","Discover how engineering leaders unlock hidden productivity with our Design-to-Code Toolkit, featuring 2025 developer benchmarks, an ROI calculator, and a team survey template.","Engineering teams are wasting valuable development hours manually translating designs into code.","Accelerate Your Design-to-Code Pipeline",[415,692],1746720000000,"Livestream | Config 2025: Using AI to turn designs into clean code","

A business grow in importance and complexity, so do their design systems. For large scale, global organizations, the need to create consistency and improve product quality across siloed departments is no small task. Design systems must be defined as a series of patterns that align both design and development.

In this roundtable conversation, we'll discuss the importance of creating shared language between teams, creating centralized and documented codebases, and building systems that improve efficiency across departments.

","config-2025",[1153],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F83eb2f6603274334a1a58636107f33ae","Discover how large organizations scale design systems to align design and development, improve product quality, and drive cross-departmental efficiency in this roundtable discussion.","Config 2025: Using AI to turn designs into clean code",[415,692],"https://www.youtube.com/embed/oMkHIRHGhow?si=DyZbs8EGitVunu_k",{"_19":463,"_381":464,"_402":403,"_374":465},1747933200000,"Livestream | Best practices for building with GenUI ","

See exactly how enterprise-scale teams are leveraging GenUI to transform their digital development process.

In this livestream, we’ll cover:

Practical context-gathering techniques that set your GenUI prompts up for success
Expert prompting patterns that consistently produce on-brand experiences
Integration methods to seamlessly merge GenUI output with your existing codebase

Gain a competitive edge with these techniques and ship projects faster.

","best-practices-building-with-genui",[1165,1166],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fcfe63e7365ad4bf7995c1cfba8296e06","Discover how enterprise teams cut development time by 80% using GenUI, with practical context-gathering tips, expert prompting patterns, and codebase integration methods.","Transform your development workflow: Cut dev time by 80%","Best practices for building with GenUI ",[692,951],"https://www.youtube.com/embed/IPY2h_ZrkZQ?si=YzxGcI2pw3GyHzkO",{"_19":1170,"_381":1171,"_402":403,"_374":1172},{"_19":1167,"_381":1168,"_402":403,"_374":1169},"Adam Murray","Lead Product Manager","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F27733e206ab34ccbb1c9181a073f7dc2?format=webp","Nick Nestle","Solutions Consultant","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F716954da3a6b45438605356d8d9fb674?format=webp",1748880000000,"Customer Story | Uswitch Unified 6 Tools Into 1 Visual Dev Platform","/customer-stories/uswitch",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1c5486f5a7dd41ec87105bfb24640673","Discover how price comparison leader Uswitch consolidated six CMS platforms into Builder, reducing engineering overhead and automating 93% of migration in 3.5 months.","Uswitch Unified 6 Tools Into 1 Visual Dev Platform",[398],1749747600000,"Livestream | Using GenUI with Your Design System","

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. In this session, we’ll walk through how top teams are using GenUI to build faster, while keeping every line of code aligned with their tokens, components, and brand standards.

What you'll learn

Structuring GenUI prompts around design tokens and component names
Prompt patterns that produce clean, reusable code out of the box
Ways to standardize GenUI usage across multiple teams or products

","genui-design-system",[1192],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fcec74bb68ae44ede86a82c499bb51eef","Discover how top teams scale GenUI with existing design systems to build faster while keeping code aligned with tokens, components, and brand standards in this session.","Real-World Patterns for Fast, Consistent UI","Using GenUI with Your Design System",[951,415],"https://www.youtube.com/embed/i8iuD_J7aPE?si=NtEru1yjzWI2CD1X",{"_19":1170,"_381":1171,"_402":403,"_374":1172},1750784400000,"Livestream | Introducing Fusion: Vibe Code at Any Scale","

Learn about Fusion, the first AI-powered visual canvas that integrates directly with your existing code base, understands your design systems, and creates production-ready code that works with your current architecture.

","introducing-fusion",[1203],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F223e4b105db94a2a8991b4afba2b5843","Discover Fusion, the first AI-powered visual canvas that integrates with your codebase, understands design systems, and generates production-ready code.","Introducing Fusion: Vibe Code at Any Scale",[692,415,898],"https://www.youtube.com/embed/r3q1MkMxmys?si=7fS2lsSAerg6htIC",{"_19":463,"_381":464,"_402":403,"_374":465},1751389200000,"Livestream | Fusion Q&A","

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

","fusion-q-and-a",[1214],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0b62264859c84380b3234c26de445a91","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.","Fusion Q&A",[692,898,415],"https://www.youtube.com/embed/FZaR4nACMWQ?si=h0eDiWQ6t110FOnZ",{"_19":463,"_381":464,"_402":403,"_374":465},1752080400000,"Livestream | Implement features in your webapp with AI","

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.

What we demo:

Connecting an existing GitHub repo to make AI-assisted edits devs can review and ship
Describing and implementing feature requests in natural language
Generating production-ready components from your Figma designs
Visually editing the output for a pixel-perfect outcome

","implement-webapp-features-with-ai",[1225,1226],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffa6ef748df2743a4b63d26e937cc5c4f","Learn how to use AI to update your web app with no-code assistance, integrate GitHub repos, generate components from Figma, and keep developers in the loop.","Implement features in your webapp with AI",[415,692],"https://www.youtube.com/embed/ag1vVEZ2ab8?si=XPamzAVmN2DilbA6",{"_19":1230,"_381":1231,"_402":403,"_374":1232},{"_19":1227,"_381":1228,"_402":403,"_374":1229},"Hunter Gillispie","Solutions Engineer","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffdee6feccd494169a7707d325c4f6aa2?format=webp"," Saee Abhyankar","Product Manager","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F92754d485b2c4e3285cac66670b57234?format=webp",1752595200000,"Customer Story | LegalZoom Goes to Market 3x Faster With Builder","/customer-stories/legalzoom",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F639b7ce5b6fe414e85377dc8dfe78716","Learn how LegalZoom accelerated page creation by 3x, increased team members shipping pages by 10x, and enabled daily releases by consolidating its web stack with Builder.","LegalZoom Goes to Market 3x Faster With Builder",[398],1753376400000,"Livestream | Training AI on your design system","

Learn how to train AI on your existing design system so it can generate accurate, production-ready code using your actual components and Figma designs. We'll show how Fusion makes your design system usable by AI and speeds up every step of development.

What you’ll learn:

Convert React/Vue/Angular components into AI-readable instructions
Auto-generate real code from your existing Figma files
Apply design updates across apps instantly using Component Instructions
Accelerate new builds with AI that understands your design patterns

","training-ai-design-system",[1251],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe0f5d34f970d4227886870d69a912b47","Learn how to train AI on your existing design system to generate accurate, production-ready code from your components and Figma designs using Builder Fusion.","Training AI on your design system",[415,951],"https://www.youtube.com/embed/_gEVJmZQS3Q?si=DQJLWxIspHtw6C-y",{"_19":1002,"_381":1003,"_402":403,"_374":1004},1754499600000,"Livestream | Using AI to keep Figma in sync with Storybook in minutes (not days)","

Learn how to use AI to instantly integrate Figma with Storybook without manual updates. We’ll cover creating components and stories from Figma, updating existing components, generating theme variations, and scaling your design system in minutes.

We’ll cover how to:

Build a new component and story from a Figma design
Apply an updated design to an existing component
Create a new component set based on your existing design system
Generate theme-specific versions of existing components

","sync-figma-with-storybook",[1262],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F548316fd1372491594464a1c7f7739dd","Learn how to create components and stories from Figma, update existing components, generate theme variations, and scale your design system in minutes.","Using AI to keep Figma in sync with Storybook in minutes (not days)",[415],"https://www.youtube.com/embed/iQqmI2gCvYM?si=rDfOjB7tmtp0PQbC",{"_19":1130,"_381":1108,"_402":403,"_374":1131},1755795600000,"Livestream | Building component libraries from Figma with AI","

If you’ve built a solid design system in Figma but haven’t yet turned it into reusable, documented code components, this livestream will show you how to do it using AI. Learn how to prep your designs, generate clean code, and ship a standalone component library complete with Storybook documentation with no manual coding required.

What we’ll demo:

Importing Figma components with Smart Export using auto layout, variants, and design tokens
Generating a structured React component library in Fusion with Tailwind CSS, props, and variants
Refining and documenting components using Storybook for interactive previews and team adoption
Publishing and scaling your design system with GitHub for reuse across projects

","build-component-libraries-with-ai",[1273],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2e1857466fe846ffb191eb5b6efa7176","If you’ve built a solid design system in Figma but haven’t yet turned it into reusable, documented code components, this livestream will show you how to do it using AI. ","Building component libraries from Figma with AI",[951,692],"https://www.youtube.com/embed/WukE5OeLMVc?si=BW28SeDIWQhNtcvK",{"_19":1227,"_381":1228,"_402":403,"_374":1229},1756483200000,"Guide | How top teams drive alignment and ship faster","

Most digital teams work in silos: PMs in Jira, designers in Figma, engineers in VS Code or Cursor. This creates predictable problems:

Designs misread in build, requiring redlines
Missed edge cases slowing engineering delivery
Weeks of back-and-forth instead of progress
Teams spend more time on rework than features

When teams can't translate intent across disciplines, delivery suffers. Product talks requirements, design talks pixels, engineering talks code. Without shared context, simple changes become complex projects.

Research shows companies lose over $1.6 trillion annually to misalignment and rework. But high-performing teams have found a better way.

What's in This Guide

5 proven practices to align design and engineering
Team scorecard to expose your biggest friction points
Implementation framework you can start using immediately
Real case studies from teams that cut rework and accelerated delivery

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2F40a213786b3841fdb54e04457e5dcb76?alt=media&token=20a8f63b-0bca-436d-bcc6-9fbcb0428abb&apiKey=YJIGb4i01jvw0SRdL5Bt","drive-alignment",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37cfb0b9e6744ead95e6ebc1cded5050","Discover 5 proven practices to align design and engineering, eliminate costly rework, and accelerate delivery in this comprehensive guide for modern digital teams.","How top teams drive alignment and ship faster",[951,415],1756836000000,"Guide | How to Choose the Right Vibe Coding Solution for Your Enterprise","

Millions of developers use AI coding tools for personal projects, but most can't use them at work. The problem isn't the technology, it's finding solutions that meet enterprise requirements.

Recent interviews with enterprise users revealed a consistent pattern: impressive AI coding tools that work for hobbyists fail in production environments. The limiting factors:

No integration with existing design systems or code handoff
Missing security and governance requirements
Incompatible with real product workflows
Poor developer experience for review and iteration

Stop settling for tools that work in demos but fail in production. Learn how to evaluate and implement vibe coding solutions that actually scale.

What's in This Guide

Enterprise evaluation scorecard with specific criteria for leaders and teams
7-step POC framework to validate solutions with real workflows
Role-specific recommendations for developers, designers, and product managers
Success metrics to quantify impact across your entire team
Best practices for prompting and context engineering

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc4d4ae14afc44d8ebf5627af2b11eb1b?alt=media&token=69c77804-7f8b-4184-977b-27a77c618020&apiKey=YJIGb4i01jvw0SRdL5Bt","vibe-coding-solutions",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff97d73955f4f4666a82877ee2cfb9723","Learn how to evaluate and implement enterprise AI coding solutions that scale, featuring a POC framework, evaluation scorecard, and best practices for teams.","How to Choose the Right Vibe Coding Solution for Your Enterprise",[898,692],1757005200000,"Livestream | Making your AI smarter and more accurate for real projects","

We’re demoing practical workflows that make your AI smarter, more accurate, and easier to apply in real projects. 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.

We'll cover:

Uploading PDFs to pull in data and interaction flows
Leverage screenshots to refine your visual AI output
Connecting MCP Servers to integrate third-party services

","making-your-ai-smarter-and-more-accurate",[1304],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd2886031bc7740c8b3684b2422533d2f","Discover practical AI workflows to enhance visual outputs with context, connect MCP Servers for third-party integrations, and leverage Fusion for new use cases.","Making your AI smarter and more accurate for real projects",[692],"https://www.youtube.com/embed/z-ovt_wyr60?si=bB1tTviahPEA3uu0",{"_19":1041,"_381":1042,"_402":403,"_374":1043},1758214800000,"Livestream | Validate feature ideas earlier with AI-driven prototypes","

Join us for to learn how PMs can cut through handoffs, debates, and slow cycles. Discover how Visual IDEs let you build real prototypes in days, (not months) yielding clearer signals, faster feedback, and stronger alignment across PMs, designers, and engineers.

We’ll cover:

Bottlenecks PMs face with handoffs, endless debates, and slow validation cycles
How Visual IDEs empower PMs to create working prototypes themselves, speeding up feedback
Why real prototypes yield better signals than specs or decks, and how this shortens validation from months to days
How bringing prototypes into sprint planning changes PM–designer–engineer dynamics

","ai-driven-prototypes",[1315],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F39ce43ac0ff6442889d75e70fde46365","Discover how Visual IDEs let you build real prototypes in days, yielding clear signals, fast feedback, and strong alignment across PMs, designers and engineers.","Validate feature ideas earlier with AI-driven prototypes",[951,692],"https://www.youtube.com/embed/JsOQ6EJmFJk?si=GOprahFkzcUMVCa4",{"_19":1167,"_381":1168,"_402":403,"_374":1169},1759161600000,"Customer Story | How Product Management teams at Builder.io use Fusion","/customer-stories/product-management",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc5027a9cd1544ec69d4de6f928334aaf","Builder's Product Management team uses Fusion to prototype features, test concepts, collaborate, and ship pull requests without engineering resources.","How Product Management teams at Builder.io use Fusion",[692,415],1759165200000,"Customer Story | How Product Design teams at Builder.io use Fusion","/customer-stories/product-design",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F602a27145f1e4e4faf450a4dd122b3f2","The Product Design team uses Fusion for visual improvements, interactive prototypes, + maintain design system consistency without engineering handoffs.","How Product Design teams at Builder.io use Fusion",[692,415],1759168800000,"Customer Story | How Engineering teams at Builder.io use Fusion","/customer-stories/engineering",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa9ca22571fa944a1bc8642d4b6512053","The Engineering team at Builder uses Fusion to accelerate UI development, turn Figma designs into code, and maintain code quality & shipping features faster.","How Engineering teams at Builder.io use Fusion",[692,898],"Customer Story | How Go-to-Market teams at Builder.io use Fusion","/customer-stories/go-to-market",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1791d22fcbb54e30b8b705a734e4f108","Discover how Builder's Go-to-Market team uses Fusion to create personalized demos, build customer education tools, and ship production PRs without relying on engineering.","How Go-to-Market teams at Builder.io use Fusion",[692,415],"Customer Story | How Customer Support teams at Builder.io use Fusion","/customer-stories/customer-support",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0c2dc22c29a0422a9511f0bce3693dfa","Learn how the Support team at Builder uses Fusion to resolve customer issues, implement features, and build internal tools to improve productivity in customer support","How Customer Support teams at Builder.io use Fusion",[692,415],1759424400000,"Livestream | AI-Powered Prototypes That Actually Use Your Design System","

Vibe coding tools are amazing: using them, you can create apps in minutes with interactions and polished UIs. But when you work at an enterprise company, how do you create apps that actually use your design system instead of generic components?

Most prototyping tools create apps that look nothing like your actual product. Stakeholders approve the prototype, then engineering rebuilds everything with your real design system, whether for hackathons, ideation sessions, or even customer demos.

Starter templates solve this challenge. 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.

What we cover

Set up a starter template integrated with a design system
Use AI to generate a prototype that maintains your Enterprise design standards
Deploy the prototype directly into production
When your prototyping tool understands your actual design system, approval means rapid deployment. Less redlines, more shipping.

","prototypes-design-system",[1364],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa16f564ad395473a921e19b748171ce0","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.","AI-Powered Prototypes That Actually Use Your Design System",[951,692],"https://www.youtube.com/embed/lKTfGiy63nQ?si=CQTtDfQyok1njz6j",{"_19":1365,"_381":1228,"_402":403,"_374":1366},"Tony Bricca","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd5b7347a871a4072ad83fe292e5789e2?format=webp",1760634000000,"Livestream | Build Apps Faster with AI and Your Design Stack","

Building apps shouldn’t be slowed down by the gap between design, product, and engineering. In this session, we'll demo how Fusion connects your design system and app repository to instantly generate UI variants, improve accessibility, and streamline collaboration. The goal is to help teams ship faster while keeping quality and consistency at the core.

We cover how to:

Connect your design system and app repository to Fusion
Use AI to leverage the context of your tokens, components, and development patterns
Generate UI variants and accessibility improvements instantly
Enable faster collaboration between product, design, and engineering

When your prototyping tool understands your actual design system, approval means rapid deployment. Less redlines, more shipping.

","ai-design-stack",[1376],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c06023b3f4a41cb8bb1bf561c54c8bd","Build Apps Faster with AI and Your Design Stack",[951,692],"https://www.youtube.com/embed/RXwlZlCe-jM?si=5W93f2qJ3fic__Sl",{"_19":1170,"_381":1171,"_402":403,"_374":1172},1761030000000,"Guide | How Builder.io Teams Use Fusion to Ship Faster","

Teams across Builder.io use Fusion to remove bottlenecks, reduce engineering dependencies, and deliver updates faster.

Product managers prototype live features. Designers refine UI directly in code. Engineers focus on architecture instead of translation. Fusion makes it possible for every role to contribute safely, within the same environment.

This case study shows how Builder’s own teams transformed their workflows and achieved measurable results using Fusion.

What’s in This Case Study:

Real examples from product, design, and engineering teams
Proven results: faster iteration, higher productivity, cleaner handoffs
Collaboration models that scale across enterprise teams
Practical insights to adopt AI-native workflows with confidence

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffb43a87f2aa04b01b6e7dd732f468d4d?alt=media&token=baedbff1-8d4e-43f0-a347-2ac056a6d014&apiKey=YJIGb4i01jvw0SRdL5Bt","builder-fusion-case-study",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fea522c399e4c47ddba7977164f2c6e2a","Discover how Builder’s internal teams use Fusion to eliminate bottlenecks, collaborate across roles, and accelerate software delivery in this comprehensive case study.","How Builder.io Teams Use Fusion to Ship Faster",[692,898],"Guide | Rethinking Design-to-Code","

Most teams still lose weeks turning designs into production-ready code. The issue isn’t creativity—it’s the handoff. Designers ship mockups, developers rebuild them, and every round of feedback adds delay.

Many “AI-powered” tools promise shortcuts but lack context from your design system or repo, producing code that still needs cleanup.

This guide shows how AI-native design-to-code changes that: integrating directly with your systems to eliminate handoffs, reduce rework, and let every team ship together.

What’s in This Guide:

The true cost of design-to-code delays, how handoffs slow velocity.
Why bolt-on AI fails, missing context leads to cleanup.
How AI-native workflows work, connected repos and design systems.
Proven enterprise results, 2–3× faster delivery, 26% less rework.
Adoption framework, pilot, measure, and scale AI-native design-to-code.

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff971404569854152a9740226071dc934?alt=media&token=a45cd604-4f42-4f03-8b49-681c6c2ad4a3&apiKey=YJIGb4i01jvw0SRdL5Bt","rethinking-design-to-code-guide",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F7b645da81f2b4839983370a4e8e7528f","Discover how AI-native design-to-code workflows eliminate handoffs, integrate with your systems, and accelerate delivery by 2–3x while reducing rework.","End the Handoff Era with AI-Native Workflows","Rethinking Design-to-Code",[692,776],1761836400000,"Livestream | How our design team uses AI to prototype, iterate, and ship without dev handoffs","

Product Designer, Sajal will share how AI enables designers to move from pixels to production by implementing new features, optimizing user experiences, and maintaining design systems without traditional engineering handoffs.

You'll also learn how Fusion empowers non-technical teams to contribute directly to production code and accelerate product delivery.

You'll Learn:

How to prototype and validate ideas before committing engineering resources
How AI empowers designers to iterate and polish features without waiting on dev cycles
Practical ways to ensure what you design actually shows up in production

When your prototyping tool understands your actual design system, approval means rapid deployment. Less redlines, more shipping.

","design-team-ai",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1232d6a82b4646c3916f62e15f9ff4d1","Discover how product designer Sajal uses AI to ship production-ready features directly from designs, eliminating handoff delays and accelerating product delivery.","How our design team uses AI to prototype, iterate, and ship without dev handoffs",[951,692],"https://www.youtube.com/embed/S5KGCuLqPbk?si=B_JvQixeNdAsRIEN",1763056800000,"Livestream | Meet Fusion 1.0: The first AI Agent for Product, Design, and Code","

Fusion 1.0 is here. One platform to design, code, and ship, in one continuous flow. Join us live as we show Fusion connecting your entire stack, from Jira tickets to production code, powered by one AI agent fluent in product, design, and engineering. In this live demo you'll see how Fusion:

This session will cover:

Eliminates handoffs between product, design, and engineering
Builds features directly from Jira tickets and Slack threads
Keeps design and code aligned with bi-directional updates
Learns your patterns and improves with every correction
Ships to production safely with granular roles & permissions
Connects your stack through MCP servers

","meet-fusion",[1417],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fad3f6d19e391420dbf51dc5b322a8fdb","Discover how Fusion 1.0 unifies design, code, and shipping into one continuous flow, turning Jira tickets and Slack threads into production-ready code with AI.","Meet Fusion 1.0: The first AI Agent for Product, Design, and Code",[692,776,415],"https://www.youtube.com/embed/-mb2uXHVenI?si=TuTQPN_AlqCcXQfR",{"_19":463,"_381":464,"_402":403,"_374":465},1763661600000,"Livestream | Builder Labs: Build Components in Minutes with Figma and AI","

See how AI can accelerate your workflow by turning Figma designs into fully functional Material UI components in minutes. We'll transform design mockups into production-ready code in real time, showing how AI-assisted development streamlines the handoff process while preserving code quality and design system consistency.

This session will cover:

Converting Figma designs into Material UI components with variants and states
Using AI prompts to add dark mode, interactivity, and modal functionality
Combining AI and visual design tools to refine styling and behavior
Generating production-ready documentation and PR-ready code

","components-in-minutes",[1428],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F94e04fc6aa924ce98172daa1c3ebaad2","Discover how to turn Figma designs into production-ready Material UI components with variants, dark mode, and interactivity in minutes during this live demo.","Builder Labs: Build Components in Minutes with Figma and AI",[415,692],"https://www.youtube.com/embed/dsLakBhYCCM?si=61wASuhBAi7UXKYZ",{"_19":1107,"_381":1108,"_402":403,"_374":1109},1766084400000,"Livestream | How DealMaker is 10x'ing Productivity with an AI-First Model","

Join Builder.io’s fireside chat with DealMaker to see how an AI-first model is driving 10× productivity across product design, UI/UX, and code generation, plus examples from their first AI hackathon, where non-technical employees built custom tools and automations using AI as their personal UI/UX developer.

Topics:

How DealMaker adopted an AI-first mandate to 10× performance
How Builder.io empowers non-technical teams to build and automate solutions
Tools and workflows created during the first AI hackathon
Cross-team collaboration and rapid AI adoption for hackathon
Cultural shifts to make AI part of the company's DNA
A blueprint for leaders adopting AI-first practices

","dealmaker-10x-productivity",[1439],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3a269d5602294d838086757c6a5a8421","Discover how DealMaker achieved 10x productivity across product design and engineering using an AI-first model, featuring insights from their hackathon and leadership blueprint.","How DealMaker is 10x'ing Productivity with an AI-First Model",[692,898],"https://www.youtube.com/embed/stSmtv2GKxI?si=Uo5fiVRhi0ZEZlCF",{"_19":463,"_381":464,"_402":403,"_374":465},1767978000000,"Customer Story | How Frete Reduced Design System Build Time by 70% With Builder","/customer-stories/frete",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F534c85e35df04280a1db64f8ddf5a1d7","Learn how Frete reduced design system build time by 70%, accelerated development from years to months, and bridged the gap between design and engineering using Builder.","How Frete Reduced Design System Build Time by 70% With Builder",[951,692],1768500000000,"Livestream | Common mistakes developers make when prompting AI","

In this livestream, we’ll break down the most common mistakes developers make when working with AI and show how to get consistently high-quality, codebase-aware results. You’ll learn practical techniques for guiding AI with the right instructions, rules, and context so it produces code that actually fits your project.

We'll cover

How to use custom instructions to shape AI behavior and outputs
Prompting best practices that lead to reliable, production-ready code
How builder rules keep AI aligned with your frameworks and patterns
Why giving AI the right context is key to generating holistic, maintainable code

","common-mistakes-prompting-ai",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F58c29109ef9442ecbab34aaf9cfc20e5","Learn how to avoid common AI coding mistakes, use custom instructions and builder rules, and provide the right context to generate reliable, production-ready code.","Common mistakes developers make when prompting AI",[692,898],"https://www.youtube.com/embed/Ai1RtyDr6ck?si=egtweSj-4iKwsRhN",1770919200000,"Livestream | Design Enterprise UI Directly on Production Code","

This livestream shows how teams move beyond AI prototypes into production-grade UI workflows directly on production code. Most “vibe coding” tools are great for demos, but they break the moment you need real components, real design systems, and real engineering workflows. Builder’s AI generates UI using your actual component library and codebase, so what you generate is what ships.

What we’ll demo:

Start from a real Jira ticket or PRD
Generate UI grounded in an existing design system and production codebase
Refine layout, copy, states, and responsiveness
Review real diffs and ship via PR, without rebuilding for production

","livestream-designing-enterprise-ui",[1468],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5311ca007bdf487ca458392928e94930","Learn how to move from AI prototypes to production-grade UI workflows by generating code grounded in your actual component library, reviewing real diffs, and shipping via PR.","Design Enterprise UI Directly on Production Code",[692,951],"https://www.youtube.com/embed/4noylBkzp-w?si=QXP7Co4JbCesimzc",{"_19":1167,"_381":1168,"_402":403,"_374":1169},1773680400000,"Livestream | From Idea to Application in 60 Minutes","

In this free, hands-on workshop, you'll build a fully functional calendar application from scratch, no engineering background required.

You'll use natural language prompts with an AI agent to generate a production-quality app built on Google Material Design 3 components. Then you'll iterate on features and refine the output using Builder's visual editor. By the end of the session, you'll have working code, a repeatable workflow, and a clear sense of when AI-assisted development makes sense for your team.

What you'll learn:

How to generate a complete application using Google Material Design 3 components
How to use natural language prompts to interact and ideate with an AI agent
How to make fine-tuned adjustments using Builder's visual editor
How to plan complex flows with the agent before implementation

What to bring:

A laptop with internet access.

","idea-to-application",[1479],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fbadc873688b54583a12e7c71e4bfd370","Build a fully functional calendar app from scratch using natural language prompts, Google Material Design 3 components, and Builder's visual editor—no engineering background required.","From Idea to Application in 60 Minutes",[692,951],"https://www.youtube.com/embed/mx8oHNqbjM4?si=ORg7hFn6MUI4Pjpe",{"_19":1041,"_381":1042,"_402":403,"_374":1043},1774929600000,"Livestream | The Brutal Truth About Your AI Maturity","

Your team adopted AI coding tools. Developers are faster. But sprints aren't shorter, releases aren't more frequent, and the backlog isn't shrinking. Writing code was always just one piece of the product lifecycle. It's surrounded by planning, design, and review, and between every step, there's waiting. AI made the coding step faster. It didn't touch any of that. In this session, Builder CEO Steve Sewell introduces the 5 levels of AI development maturity, with a live demo at each level and a framework you can take back to your team.

Key takeaways from the session:

The 5 levels of AI development maturity and where most organizations actually sit
Why faster coding isn't translating to faster delivery, and where time is actually going
The organizational gaps keeping teams stuck at level 1
What separates teams at level 3 and above from everyone else
A practical framework for identifying where to start and how to progress

","brutal-truth-ai-maturity",[1490],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd56f5b03b7534802854c89fb1fcf5332","Discover the 5 levels of AI development maturity with Builder CEO Steve Sewell, and learn how to break through organizational bottlenecks to achieve faster, end-to-end delivery.","The Brutal Truth About Your AI Maturity",[692,776],"https://www.youtube.com/embed/oRlGNNoAYEU?si=Yg5QU7_dpAnpfLKf",{"_19":463,"_381":464,"_402":403,"_374":465},1776916800000,"Livestream | Your Design System Is the Foundation for AI Dev","

AI coding tools don't understand your design system. Without context for your components, tokens, and usage patterns, they generate random HTML that someone has to clean up before it ships. In this session, Tiana (Head of Product Design at Builder) and Gustavo show how Builder's Design System Intelligence indexes your real components so the AI uses your system, not a guess at it.

Key Takeaways:

Design system indexing: pulling components, variants, props, and usage patterns into a persistent schema the AI reuses on every generation
Figma-to-code: turning a Figma button into a full component with every variant, state, and a docs page in one prompt
Layout generation: building a signup form that reuses existing Carbon TextInput, DatePicker, and Button components with correct field masks and validation
Parallel agents: running multiple feature branches at once through separate Builder agents
Git-native workflow: shipping work through Jira tickets, PRs, preview URLs, and your existing CI/CD

","ai-production-ready-code-design-system",[1501,1502],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3e9e2e67dc0f47fd8dbab9cfd7457064","Discover how Builder’s Design System Intelligence indexes your real components, tokens, and variants to generate production-ready code with git-native workflows.","Your Design System Is the Foundation for AI Dev",[951],"https://www.youtube.com/embed/n9eLwihzrxk?si=8Y9qxfFPNPzisgdP",{"_19":418,"_381":419,"_402":403,"_374":420},{"_19":1503,"_381":1504,"_402":403,"_374":1505},"Gustavo Garcia","Solutions Architect","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2aec7c38cd224faba2ab32fba9540fb1?format=webp","Comparison",1777989600000,"Comparison | Builder.io vs Lovable: AI App Builder Comparison","builder-vs-lovable",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc5c9e56678ce47cf9011822060357591","Compare Builder.io and Lovable to see which AI development platform fits your workflow—whether you need rapid prototyping or production-grade software control.","Builder.io vs Lovable: AI App Builder Comparison",[692],1778054400000,"Comparison | Builder.io vs Figma Make: AI Design-to-Code Tool Comparison","builder-vs-figma-make",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F586c16a3e0af44c69a15c4838b0efe03","Compare Builder.io and Figma Make to decide whether you need rapid canvas prototyping in Figma or production software workflows across your entire team.","Builder.io vs Figma Make: AI Design-to-Code Tool Comparison",[692],1778126400000,"Livestream | Let Your Whole Team Build on Your Real Codebase","

Your PMs have ideas sitting in backlogs. Your designers hand off redlines and hope the implementation matches. Your frontend engineers spend their weeks on UI tickets instead of architecture. AI prototyping tools haven't fixed this. Nothing connects to your real codebase or review workflow, so engineering still rebuilds everything. In this session, we'll show what it looks like when PMs and designers build directly on your production codebase, using your real components, with engineering review built in.

Key Takeaways:

How PMs validate ideas with interactive prototypes built on real components
How designers refine UI in production context and submit changes for review
How engineering stays in control through structured peer review
Why prototypes built with your real system become production, not throwaway work
How this relieves pressure on frontend teams without introducing risk

","whole-team-build-real-codebase",[1533,1534],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2bb5eaa359164cbb8044e4bf6b3e5231","Discover how PMs and designers can build directly on your production codebase using real components, turning approved prototypes into production-ready code with engineering oversight.","Let Your Whole Team Build on Your Real Codebase",[692,494],"https://www.youtube.com/embed/jZovXyKVkUg?si=UHRim0CcgiVViQNe",{"_19":1130,"_381":1108,"_402":403,"_374":1131},{"_19":1535,"_381":1536,"_402":403,"_374":1537},"Veronika Pilipenko","Customer Engineer","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6d9f76632fb04d919eb175e73a481e60?format=webp","Livestream | Make AI Match Your System","

Most AI coding tools don't understand your design system. They scan it just-in-time and miss the tokens, usage patterns, and documentation that make generated code actually shippable. In this session, Alexis walks through how Builder.io's Design System Intelligence creates a deep, LLM-friendly index of your component library so the AI agent knows how to use your real system, not a guess at it.

Key Takeaways:

Indexing your design system: pulling components, tokens, and Storybook examples into a persistent, AI-readable reference
Design system migration: auditing and migrating a live Storybook from Carbon v10 to v11, guided by indexes of both versions
Figma-to-code: exporting a new component from Figma and generating code that uses the correct tokens and components
Background agents: assigning Slack and Jira tasks to Builder bot to run in parallel while you keep working
Collaborative PR workflows: reviewing, commenting, and syncing with engineers directly inside Builder

","ai-match-your-system",[1547],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F92cfd5c8494441418da069896e0c9f8d","Discover how Builder.io's Design System Intelligence indexes your components, tokens, and Storybook examples to generate shippable code and streamline migrations.","Make AI Match Your System",[951],"https://www.youtube.com/embed/pOjVkH0DsdM?si=i6ewqmEPQsgs_7Vz",{"_19":1041,"_381":1042,"_402":403,"_374":1043},1778173200000,"Comparison | Builder.io vs Replit: AI Coding Platform Comparison","builder-vs-replit",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0e26022102a7477babe867c9f8dc008a","Compare Builder.io and Replit to choose between an all-in-one cloud runtime for rapid prototyping and production-grade code control in your own team's repository.","Builder.io vs Replit: AI Coding Platform Comparison",[692],1778256000000,"Comparison | Builder.io vs Bolt.new: AI App Builder Comparison","builder-vs-bolt",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F73ed42cba23944d2aaaf3195882dc8d6","Compare Builder.io and Bolt.new to decide between an all-in-one browser runtime for rapid prototyping and collaborative, production-grade code control in your own repository.","Builder.io vs Bolt.new: AI App Builder Comparison",[692],1779382800000,"Livestream | Stop Throwing Away Prototypes. Build With Your Real Components","

Static Figma prototypes don't produce real feedback. Interactive prototypes take weeks and get thrown away. AI prototyping tools generate something fast, but it still doesn't use your design system, so you pay the full implementation cost again from scratch. In this session, we'll build interactive prototypes using a real component library in minutes, where the approved prototype becomes the starting point for engineering instead of disposable work.

We cover:

Why traditional prototyping is broken and why AI prototyping tools haven't fixed it
How to build interactive prototypes with your real components in minutes
How prototypes built on your actual system become production code, not throwaway work
How product, design, and engineering collaborate on prototypes in real time
How this collapses the gap between \"validating an idea\" and \"shipping a feature\"

","stop-throwing-away-prototypes",[1575],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6e3701b5b1cd4e479735a3f3a2864bc7","Learn how to build interactive prototypes using your real component library in minutes, turning approved concepts directly into production code instead of throwaway work.","Stop Throwing Away Prototypes. Build With Your Real Components",[1574],"https://www.youtube.com/embed/UETfekFeir0?si=0JQhnNRq5r8h3CXW","Prototyping",{"_19":1041,"_381":1042,"_402":403,"_374":1043},1780592400000,"Livestream | Let's Run a Product Sprint in 45 Minutes","

AI coding tools made frontend faster, so why are teams still slow? Because faster coding doesn't fix sequential handoffs, disconnected tools, and workflows designed before AI existed. In this session, we're running a complete product sprint live in 45 minutes: a PM scopes the work, a designer refines the UI, AI agents build with real components, the team reviews together, and production-ready code merges before the session ends.

We'll cover:

How a product idea becomes scoped work that AI can execute immediately
How designers refine directly in production context alongside engineering
How AI builds with your real components, tokens, and architecture
How peer review, linting, and governance ensure nothing ships without approval
How this workflow replaces weeks of sequential handoffs with parallel collaboration

","product-sprint-45-minutes",[1586],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fab6c3cc2e36140678662ee9ce6626a5e","Learn how to run a complete product sprint live in 45 minutes, replacing sequential handoffs with parallel AI-native collaboration from scoping to production merge.","Let's Run a Product Sprint in 45 Minutes",[776,494],"https://www.youtube.com/embed/93EtwOxXtz8?si=7NBnktquZYrg9pHd",{"_19":1170,"_381":1171,"_402":403,"_374":1172},1781701200000,"Guide | The AI Productivity Gap, By the Numbers","ai-productivity-gap",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F66fdccda84954a759256272a969ec009","Discover why AI tools make individual developers faster while team delivery stays flat, and learn how workflow redesign across the full SDLC unlocks real organizational productivity.","The productivity is real. The delivery gains aren't. Here's why.","The AI Productivity Gap, By the Numbers",[692,776],1781798400000,"Guide | From Idea to Production","

Your team adopted AI coding tools, and developers are moving faster, but delivery timelines have not changed because coding is only one part of the process. Work still moves through handoffs, queues, and approvals across the team.

This guide walks through a step-by-step workflow using Builder, where product, design, QA, and engineering all contribute directly, from the first prompt to a merged PR.

Inside the guide:

How to generate production ready code using your design system
How to move from a spec to a working branch in minutes
How product, design, and QA contribute directly without handoffs
How to run approvals before a pull request opens
What to measure to track impact on delivery speed

","idea-to-production",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fad777d09983f4bebb726e737bf956193","/idea-to-production","Discover how Builder eliminates cross-team handoffs and queues by uniting product, design, QA, and engineering around a single end-to-end workflow from prompt to merged PR.","Engineering Leader’s Guide to AI-Native Development","From Idea to Production",[776,494],1781884800000,"Guide | The Governance Gap: Why AI Adoption Outpaces Control, and What to Do About It","

Most engineering organizations can tell you exactly how many AI coding tools their developers use, with seat counts, adoption rates, and daily active usage all tracked and reported up to leadership.

The harder questions go unanswered. How much AI-generated code is in production right now, who reviewed it, whether it complied with component standards, and what changed between the prompt and the merge are questions most enterprises cannot answer with any precision.

That asymmetry is the governance gap, and it widens with every new tool deployed and every new role that starts generating code. The cost of leaving it open is higher than most leaders have priced in.

You'll take away:

How design system drift surfaces as the most visible symptom of ungoverned AI development, in both directions
Why pull request review buckles under multi-agent parallel volume
What changes when authorship expands beyond engineering to product, design, and QA
The opportunity cost of governance failure, and why it exceeds the downside risk for most organizations
What enterprises running AI development at scale are actually building to close the gap

","governance-gap",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff6d086078b4e48bf9e87233b942a260b","/report-governance-gap","Learn how enterprises close the governance gap caused by ungoverned AI development, addressing design system drift, review bottlenecks, and multi-agent code tracking from prompt to merge.","The Governance Gap: Why AI Adoption Outpaces Control, and What to Do About It",[951,656],1782100800000,"Livestream | Close the Gap Between Spec and Shipped","

PMs own what ships. Design and engineering own how it gets built. That split is where most product friction lives, and it's why PMs spend so much time managing handoffs they can't directly influence.

In this session, we explore what changes when product, design, and engineering build against the same artifact from the start. The shift redefines where PMs have leverage and what accountability actually looks like in modern product development.

Key Takeaways:

Why the accountability gap exists even on high-functioning teams
How leading teams are restructuring product, design, and engineering collaboration
What it looks like when PMs can shape outcomes directly
A practical model for closing the gap between what's specced and what ships

","close-the-gap-between-spec-and-shipped",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd92014c1acd4426caa6d8faabdf645fc","Learn how uniting product, design, and engineering around a single artifact closes the accountability gap, eliminates handoffs, and gives PMs direct leverage from spec to ship.","Close the Gap Between Spec and Shipped",[776,898],"https://www.youtube.com/embed/LlXWU6dn-Is?si=wS8ZN-zaVRPiNudv",1782792000000,"Livestream | Build Roadmaps on Real Signal","

Roadmaps break down because they're built on incomplete information. PMs spend weeks prioritizing, and plans shift the moment work begins. The problem sits upstream of planning, in the quality of the signal feeding it.

In this session, we'll explore how teams are aligning product, design, and engineering around live validation and usage data. The shift reshapes how prioritization decisions get made and how durable they are once made.

Key takeaways:

Why roadmaps based on stakeholder input alone keep falling apart
How live validation and usage data change prioritization decisions
What it looks like when product, design, and engineering share the same signal
A practical model for building roadmaps that hold up against changing reality

","build-roadmaps-on-real-signal",[1637,1638],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F451ad2310b0042c7aa06d234093b4ad4","Discover how teams use live validation and shared usage data to build resilient roadmaps and align product, design, and engineering around high-signal decisions.","Build Roadmaps on Real Signal",[692],"https://www.youtube.com/embed/sl32-UDq2gY?si=NX94a2Z5DedtONY_",{"_19":1167,"_381":1168,"_402":403,"_374":1169},{"_19":1639,"_381":1108,"_402":403,"_374":1640},"Jameson Taylor","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F98d866e179674f058ec072ff31734d94","Report",1782824400000,"Report | How Engineering Leaders Are Restructuring Around AI","

Nearly every engineering team has adopted AI coding tools, and far fewer have changed how work moves once those tools are in place. That gap shows up in the numbers. We surveyed engineering and product leaders across the maturity spectrum to find out what happens after adoption, and the teams reporting the biggest velocity gains were the ones who redesigned their workflows around the tools they already had.

This report shows where your peers actually landed on adoption, bottlenecks, review, and handoffs, so you can find the rung you're standing on and see what the teams above you did differently.

You'll take away:

Why adoption hit near-universal levels while only about a fifth of teams reached workflows where AI ships production code under oversight
Where the bottleneck moved once coding got faster, and why review and strategy now gate delivery
What separates the teams that got real throughput from broad AI access from the ones that got chaos
How much time teams still lose to handoffs every week, and why faster coding leaves that coordination tax intact

","engineering-leaders-ai-gate",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb120b9b67cae4dbe80e7ccf1d57b2d8a","https://www.builder.io/reports/engineering-leaders-ai","Explore industry survey data on AI adoption, bottlenecks, and review gates to see how leading engineering teams redesigned their workflows to turn coding speed into real delivery throughput.","How Engineering Leaders Are Restructuring Around AI",[776,494],"Solution Brief",1783396800000,"Solution Brief | Where Builder Fits in Your AI Stack","

Discover how Builder.io bridges the gaps in your AI stack by connecting prototyping tools, single-user IDEs, and autonomous agents into a unified, collaborative platform.

What you'll learn:

How AI coding tools fall into distinct categories—from app generators and IDEs to autonomous agents and traditional CMS platforms—and where each one fits in your workflow.
Why prototyping tools and single-user tools leave a gap between a sandbox concept and production-ready code.
The difference between accelerating an individual developer and empowering your entire cross-functional team to build together.
How Builder.io integrates across every stage from idea to deployment by operating directly within your codebase and design system.

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fad78303e84724116a2ae30fecb99d3af?alt=media&token=2d605ba5-5fb8-4e3b-90c9-0e582d36896c&apiKey=YJIGb4i01jvw0SRdL5Bt","builder-fits-your-ai-stack",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3abc26a2cc5d4416aa766f62c5f67886","Discover how Builder.io connects AI app builders, IDEs, and autonomous agents into a single collaborative workflow across your entire codebase and design system.","Where Builder Fits in Your AI Stack",[692],"Solution Brief | AI Prototyping: Tools and Workflows","

AI prototyping tools have transformed how quickly teams can turn an idea into a clickable concept, but the right tool depends entirely on the lifespan and fidelity of the prototype you need. Some concepts are purely disposable, built to explore rapid directions, while others need to be robust enough to drive stakeholder validation, user testing, or even serve as the baseline for the real product.

What you'll learn:

The key distinctions between disposable prototyping tools and production-connected platforms across different stages of the product lifecycle.
How tools like Claude Design, Lovable, and v0 handle ideation, stakeholder validation, and user testing.
Why building prototypes outside your actual product stack creates a \"rebuilding tax\" once an idea gets the green light.
How Builder.io lets you prototype directly within your design system, turning early concepts into continuous, production-ready momentum.

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8f15536b28934160914ed91e179f3b42?alt=media&token=729ee1a1-61c9-4474-a217-03bd4167d7e0&apiKey=YJIGb4i01jvw0SRdL5Bt","ai-prototyping-tools-and-workflows",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F27c343a6112245e7882144b6c1379734","Compare AI prototyping tools like Claude Design, Lovable, and v0 with Builder.io. Learn how to choose between disposable mockups and production-ready prototypes.","AI Prototyping: Tools and Workflows",[692],"Solution Brief | AI Code Generation Across the SDLC: Tools and Workflows","

AI code generation has evolved far beyond simple autocomplete, with tools capable of writing components, running tests, refactoring code, and handling multi-file engineering tasks. However, generating code is only half the battle—the harder question is how that code fits into your team's actual delivery pipeline, codebase, and component patterns.

What you'll learn:

How developer-centric code generation tools like Claude Code, Cursor, and GitHub Copilot operate across the SDLC.
The hidden bottlenecks of developer-only AI tools, including design-to-code translation friction and product polish backlogs.
How cross-functional collaboration on a single branch eliminates handoffs and review delays.
When to deploy developer-first coding environments versus when to use Builder.io to unite product, design, and engineering around live production code.

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee1ac9def6f447ad8d2bde80b314ade9?alt=media&token=cf9bf8f7-6597-453c-8623-005a96cd360d&apiKey=YJIGb4i01jvw0SRdL5Bt","ai-code-gen-across-the-sdlc",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe9dd32a0e57b487b844a89ce572940f6","Compare AI code generation tools like Claude Code, Cursor, and GitHub Copilot with Builder.io. Learn how to choose between IDEs and collaborative, cross-functional code generation.","AI Code Generation Across the SDLC: Tools and Workflows",[692,776],1783656000000,"Customer Story | How KPMG Closed the Design-to-Engineering Gap With Builder","kpmg",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd91adc8abfd44c96bbd8eb7f7667ef54","Discover how KPMG partnered with Builder.io to close the gap between design and engineering, slashing idea-to-production timelines and accelerating review cycles.","How KPMG Closed the Design-to-Engineering Gap With Builder",[415,494],"Livestream | Make Validation a Practice, Not a Phase","make-validation-a-practice-not-a-phase",[1697,1698],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F85102ac660234332a692aa04ef0b2230","Discover how leading product teams use live validation and shared usage data to build resilient roadmaps and align product, design, and engineering around high-signal decisions.","Make Validation a Practice, Not a Phase",[1574,494],"https://www.youtube.com/embed/cdbsHmwJby4?si=E_0Bc065BvINVyOR",{"_19":1230,"_381":1231,"_402":403,"_374":1232},{"_19":1041,"_381":1042,"_402":403,"_374":1043},1784779200000,"Livestream | Replace Handoffs with Parallel Execution","

Even high-performing teams are constrained by sequential workflows. Product defines, design interprets, engineering builds. Each step introduces a delay, and each handoff loses context.

In this session, we'll explore how product, design, and engineering teams are moving to parallel execution. The shift changes how cycle time compresses and how context stays intact across the work.

Key takeaways:

Where sequential workflows quietly cost the most time
How parallel execution works across product, design, and engineering
What changes about cycle time and quality when handoffs disappear
A practical model for running product development in parallel

","replace-handoffs-with-parallel-execution",[1709,1710],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F7900ee62cd884da0ba9a4745d5d8c1db","Discover how leading teams replace sequential handoffs with parallel execution across product, design, and engineering to compress cycle times and keep context intact.","Replace Handoffs with Parallel Execution",[776,494],"https://www.youtube.com/embed/Adow9dSUp4w?si=rWE4vscRfWX7iYJz",{"_19":1167,"_381":1168,"_402":403,"_374":1169},{"_19":1711,"_381":533,"_402":403,"_374":1712},"Andrew Rohman","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3a9c3b5acd984ec09ae6234eacc63aae",1784865600000,"Solution Brief | Builder and Your AI Coding Tools","

While individual AI coding tools like Claude Code, Cursor, and GitHub Copilot have supercharged developer speed, most product teams have watched their overall delivery timelines hold steady. The bottleneck isn't writing code—it's the coordination tax of handoffs, review queues, and multi-step approval gates standing between an idea and production.

What You'll Learn:

Why accelerating individual coding speed leaves delivery timelines unchanged if coordination queues remain untouched.
How Builder.io integrates directly with your team's existing AI coding tools and repos without forcing a workflow overhaul.
How cross-functional teams (PMs, designers, engineers, and marketers) can collaboratively build, review, and refine features on the same live branch.
How automated review and QA agents catch issues before merge, reducing review cycles from weeks to days.

","https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff3995eaa8ad9489ca1af1efed8c48d94?alt=media&token=1d9eb92f-bb11-4365-b40f-87f7e8fd95cc&apiKey=YJIGb4i01jvw0SRdL5Bt","builder-and-your-ai-coding-tools",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2a7e6998a5c54004a77be67993569d23","Discover how Builder.io wraps your team's existing AI coding tools in a collaborative layer, uniting engineering, product, and design around a shared codebase to eliminate handoffs.","Builder and Your AI Coding Tools",[692,494],1785157200000,"Guide | The Collaborative Coding Playbook","

Coding speed stopped being the bottleneck a while ago. Most teams haven't rebuilt their workflow to reflect that. Work still moves through the same sequence of handoffs it always has: PM to design, design to engineering, engineering to QA, each one waiting days for the last one to finish. Dropping an AI coding assistant into that sequence doesn't touch the wait. Developers write code faster. Delivery across the org stays exactly where it was.

This playbook explains why that happens and what changes when a team redesigns the workflow around agents rather than layering AI on top of the old one.

You'll take away:

Handoffs cost more time than coding does. AI tools don't touch that wait.
AI on a handoff-shaped process makes developers faster and delivery flat.
Validation moves earlier. The pull request narrows to reviewing the code itself.
Teams adopt in stages. Pull request review serves as the safety net throughout.

","the-collaborative-coding-playbook",[],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F046b590c9a3a4008980f20ba2195c9b5","/collaborative-coding-playbook","Learn why adding AI to a handoff-shaped process leaves delivery flat, and explore how to redesign workflows for parallel, cross-functional execution from idea to merged PR.","The Collaborative Coding Playbook",[776,494],1787072400000,"Livestream | Clips: Record Your Screen, Skip the Write-Up","

Explaining a bug, a design change, or a confusing spreadsheet in text takes longer than showing it, and the reader still has to guess what you meant.

Clips, an Agent-Native app, is a free alternative to Loom that records your screen and automatically transcribes it. You can search past recordings by what was said, hold a key to dictate instead of typing, and sync meeting notes straight to your calendar. Anyone who records their screen, explains something over Slack, or sends a Loom link can use Clips.

In the session, we recorded a quick project from a blank screen to a finished, shareable clip, showed how transcription and search work, and walked through one example of a support team using Clips to speed up their ticket process. We also showed the Clips Chrome extension. Click the icon, hit record, talk through the issue, and hand it straight to an agent. No more typing out bug reports, attaching screenshots, and pasting debug logs by hand.

What we covered:

A clip made from scratch, blank screen to shareable link
How that recording flows straight into your other tools
Why handing a clip to an agent beats screenshots, logs, and a paragraph of typing

","clips-demo",[1744,1745],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8769a93e76c942728bcd04110f047b27","Clips is a free, open-source Loom alternative that records your screen and auto-transcribes it. Search recordings, dictate, and hand clips straight to an agent.","Clips: Record Your Screen, Skip the Write-Up",[1743],"https://www.youtube.com/embed/TKirsHLmzL4?si=b6XWflMrtZGYrAzJ","Agent-Native",{"_19":1749,"_381":1750,"_402":403,"_374":1751},{"_19":1746,"_381":1747,"_402":403,"_374":1748},"Alex Bridgeman","Senior Technical Support Specialist","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F06cf282d126f431ea90af05b1521e570","Stephane Gonthier","Head of Global Support","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F70e9b34cc6fe4c479effd0dce9b7793b",1788282000000,"Livestream | Demo: Slides that build themselves from your data","

Agent Native Slides: the deck that builds itself

In this session, Builder.io's Julia Shkrabova walked through a real problem every chief of staff knows: leadership wants the same update every week, and the data lives in a dozen places.

We covered:

How to prompt Claude to build an on-brand leadership deck from a HubSpot export, a Slack channel, and Gong call data
Why anonymizing customers and matching your branding matters for a leadership-ready deck
How Agent Native Slides turns a one-time Claude output into a living deck you can edit visually, share, and collaborate on
How the deck rebuilds itself each week by re-querying its connected data, no re-prompting required

Julia also showed how Agent Native's apps talk to each other, pulling analytics straight into slides, and how the whole thing runs free and open source.

Resources from the session:

Watch the recording
Read the playbook with the full prompt and setup
Connect Agent Native Slides to Claude

","slides-demo",[1762,1763],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe92857e942db43558f090e5e5a532236","See how Builder's Julia Shkrabova used Agent Native Slides to build a leadership deck that pulls its own data from HubSpot, Slack, and Gong, and rebuilds itself weekly.","Demo: Slides that build themselves from your data",[1743],"https://www.youtube.com/embed/jvTN_Xkau38",{"_19":400,"_381":401,"_402":403,"_374":404},{"_19":1764,"_381":1765,"_402":1766,"_374":1767},"Tim Milazzo","Growth","Agent-Native.com","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2dccd34b9aee4e61af5b076382932d7a",1789491600000,"Livestream | Agent Native Plan: the plan that visualizes itself","

Agent Native Plan: the plan that visualizes itself

In this session, Builder.io walked through a problem every developer knows: plan mode saves you from building blind, but you end up with a wall of markdown you have to read line by line.

We covered:

How to install Agent Native Plan as a skill with one NPX command so it runs automatically in Claude, ChatGPT, or Codex, no slash command needed
When to use its two skills: Visual Plan before you write code, Visual Recap after
How a live sidebar change turned into wireframes, a prototype, warnings, and a checklist without ever opening Figma
Why it works on back-end PRs too, flagging things like a breaking database schema change in a banner instead of burying it in a diff

We also showed how sharing and inline comments make a plan multiplayer for team buy-in, and how a recap made an 11,000-line PR across 159 files legible in seconds, all free and open source.

Resources from the session:

Install with npx agent-native-core@latest skills add visual-plan

","plan-demo",[1778],"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd923b4b617e844e4b8aed87ef8109ad7","Agent Native Plan turns plan mode into visual, shareable plans and PR recaps with wireframes and warnings. Install as a skill in one command. Free, open source.","Agent Native Plan: the plan that visualizes itself",[1743],"https://www.youtube.com/embed/P5Ox4JDcr_A",{"_19":1779,"_381":1780,"_402":403,"_374":1781},"Matt Abrams","DevRel","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F284dc340839642fba41f5f3ba43f0831","announcementBar",{"_1784":1785,"_1786":1787},"href","https://www.builder.io/reports/engineering-leaders-ai-gate","text","Where does your team stand on AI adoption? "]