Figma to live code, a UI-driven tool for non-coders.

About Bolt.new

Bolt.new (Stackblitz Bolt) is Stackblitz's entry into vibe coding, a visual AI app builder that transforms prompts into full-stack applications with a special focus on generating top-notch front-end code. Its standout feature is the Figma-to-code magic, converting Figma designs into working code using frameworks like Next.js and Tailwind CSS. In testing, it was able to generate complete screens effortlessly. Unlike other tools, it doesn't rely on Shadcn components; instead, it uses fully custom UI elements, which is a refreshing touch. While there are still some minor tweaks needed around spacing and UI polish, the speed and ease of generating full layouts are miles ahead of anything previously used, and responsivity was much better than other tools. It operates in the browser within a Stackblitz-like environment for visual tweaking and integrates with Supabase for authentication and database. It produces a clean and lean app foundation, educates new devs on design-to-code translation, and offers full-stack capabilities. However, it's slower for creation and deployment, uses a token-based pricing model that can be expensive, has a maturing interface, and is limited to generating UI components, needing additional tools for live data. It's ideal for designers and developers with Figma designs needing a clean, quick front-end starting point, bridging design and code for rapid prototyping, if they can handle backend and data integration.