Builder.io Blog
www.builder.io/blog/
Introducing Fusion: Vibe Code at Any Scale
Fusion is the first AI-powered visual canvas for entire teams to build, edit, and ship code at any scale using existing codebase, design systems and workflows
Mock up a website in five prompts
Learn how to create a website mockup in minutes using AI-assisted tools. This guide walks through building a bakery site from concept to working prototype.
Build React and Material UI Apps using AI
Builder.io is an enterprise AI for React and MUI that works with your existing code, offers visual editing, integrates with Figma, & empowers your entire team.
Design to Code with the Figma MCP Server
Figma MCP servers let AI access design data directly, improving design-to-code workflows. Learn how to set up & use this tool, and see its current limitations.
AI for grown-ups
AI tools often generate quick but messy code. Let's examine how AI can integrate with professional workflows to be productive without sacrificing quality.
Figma Sites: The built-in Figma to website tool
Use Figma Sites to publish designs as websites quickly. Learn how it works, its best use cases, and shortcomings.
Figma Make: Bring designs to life with AI
Figma Make enables AI-powered prototyping from designs. We examine how it works and compare it to tools for generating production-ready code from Figma designs.
What is the Agent2Agent (A2A) Protocol?
The Agent2Agent (A2A) Protocol enables AI agents to collaborate across networks, streamlining discovery, authentication, and data exchange.
Fine-tune an LLM: Why, when, and how
Fine-tuning LLMs can save tokens, guarantee output formats, & bake in edge-case fixes. Learn when to fine-tune & how to do it effectively for your AI projects.
The Perfect Cursor AI setup for React and Next.js
A comprehensive guide to optimize Cursor AI for React and Next.js development. Learn settings, features, & workflows to boost coding efficiency and quality.
Visual Editor 3.0: Prompt, Design, and Develop on One Canvas
Visual Editor 3.0 merges design & development with AI, allowing teams to create apps from prompts, import Figma designs, & integrate with existing codebases.
Figma to Android: Convert designs to mobile apps in seconds
Convert Figma designs to Android apps using Builder's Visual Copilot plugin. Save time and maintain pixel-perfect designs across screens.
How to Build Your Own MCP Server
Learn to build a Model Context Protocol (MCP) server for AI assistants. This tutorial covers creating tools, resources, and prompts for a CSS tutor example.
Figma to iOS: Convert designs to mobile apps in seconds
Convert Figma designs to iOS apps using Builder's Visual Copilot plugin. Save time and maintain pixel-perfect designs across screens.
Designing Agentic AI Systems: A Web Dev’s Guide
Web developers' skills in system design and API integration are key for building effective AI agent systems. Learn about core concepts and common patterns.
Introducing the Visual Copilot CLI: Smart & Granular Figma to Code
A CLI tool that integrates Figma designs into your codebase, generating production-ready code that matches your existing components and styling patterns.
Figma to Jetpack Compose: Convert designs to Kotlin in seconds
Visual Copilot turns Figma designs to Jetpack Compose code, automating UI implementation for Android developers. It generates responsive layouts & Kotlin code.
What is the Model Context Protocol (MCP)?
MCP aims to standardize AI tool integration, potentially simplifying development and enabling more capable AI assistants. Current adoption is limited.
How to make any design convert better with Builder.io
Learn practical Figma auto layout techniques to create responsive, conversion-focused designs that seamlessly translate to code with Builder.io's plugin.
Convert a Website to Figma Designs for Free
Transform any website into editable Figma designs instantly. Import, customize, and generate on-brand variations with AI.
What is an AI Agent?
AI agents use models, loops, memory, and tools to automate complex tasks. Learn how they work, their evolution, and their practical uses and limitations.
Figma to Flutter: Convert designs to clean Flutter code
Convert Figma designs to Flutter code automatically with AI using Builder's Visual Copilot plugin. Save time and maintain pixel-perfect designs across screens.