Welcome back, builders. Ever wonder what happens when you mix visuals, AI and a sharper MVP mindset?

Welcome to Ship Happens w/ Lovable - today we’re digging into new creative workflows and rethinking the way MVPs are actually supposed to work.

In today’s issue you will find:

• Design it, then ship it: Importing from Figma to Lovable

• What startups get wrong about MVPs and how to fix it?

• 3 exciting news from the Lovable universe

• 4 new Lovable projects & 3 unique startup ideas

Main Articles

🎨 Design it, then ship it: Importing from Figma to Lovable

⚡️ TL;DR:
Design in Figma → Export with Builder.io → Build and ship with Lovable.
Structure your file right, pick the right export mode and let Lovable help you iterate fast - without code.

From design to full-stack in minutes!

Figma is where ideas take shape. But what if your Figma files could skip the dev backlog and turn into live instantly?

Now they can.

With the Builder.io × Lovable integration, you can export structured Figma designs directly into Lovable - and keep building with AI from there. It’s a game-changer for designers and developers alike.

This article walks you through the entire flow: how to prep your design in Figma, export it using Builder.io and refine it into a real app inside Lovable.

Step-by-step: Figma to Lovable

1. Prep Your Design in Figma

Before exporting, you’ll want to structure your Figma file properly for the smoothest import experience.

✅ Use Auto-Layout:
Apply Auto-Layout to all parent containers for flexible, responsive design.

✅ Clean Layer Naming:
Use descriptive names like Header, CTA Button, Feature Block. Avoid special characters and redundant naming.

✅ Build Reusable Components:
Well-defined Figma components become editable blocks in Builder.io. Use consistent styling (typography, color, spacing) and keep nesting minimal.

✅ Adopt a Design System Mindset:
Use global styles and shared libraries for scalable, consistent design across your build.

These steps aren’t required, but following them will make your import more accurate and your iterations in Lovable way smoother.

2. Open the Builder.io Plugin in Figma

• Make sure the Builder.io plugin is installed.

• In Figma, select the frame or area you want to export.

• Open the plugin from the Figma Plugins menu.

Once opened, you’ll choose your export mode:

🟦 Easy Mode – Great for quick prototyping. Less precise but fast.
🟪 Precise Mode – Best for pixel-perfect results. Requires well-structured layers and Auto-Layout.

3. Export Your Design

In the plugin, hit “Open in Lovable”. This sends your design through Builder.io’s visual engine and loads it directly into Lovable - not as static images but as editable layout blocks.

Welcome to the build phase.

4. Iterate directly in Lovable

Now you’re in Lovable - time to bring your design to life.

Here’s what to do next:

• Use Prompts to Refine It

Start describing your changes:

“Add a CTA that scrolls to the pricing section.”
“Change font to Inter, increase heading size.”

Lovable’s AI will adjust your layout while preserving your original design structure.

• Make It Responsive

Add prompts like:

“Stack these cards vertically on mobile.”
“Add margin between elements on tablet view.”

• Add Functionality

If needed, connect to Supabase or other backends using the top-right Supabase menu.

Add: Forms, Auth, Dynamic content, Local state…

• Preview, Test, Ship

Use preview to check your updates in real time. When ready, hit deploy or share the link for feedback. Then loop back in and refine.

💥 What startups get wrong about MVPs and how to fix it?

⚡️ TL;DR:
MVPs aren’t about being impressive - they’re about being intentional. Stop trying to do everything. Start trying to learn something.

Let’s be real: the concept of an MVP (Minimum Viable Product) was supposed to liberate us.

The whole idea?
Build less, learn faster, launch sooner.
Instead, MVPs have turned sometime into bloated half-products that try to do everything… just poorly.

Why? Because too many startups treat an MVP like a mini version of their final product, rather than what it’s actually meant to be: 👉 A testable version of your riskiest assumption.

The 3 most common MVP mistakes

Let’s break down where things usually go wrong:

• Trying to impress, not test

Founders often feel pressure to make their MVP look “serious” - packed with features, polished UI, lots of bells and whistles. But the MVP isn’t about impressing investors or friends. It’s about learning from users.

• Building too long, launching too late

Startups can get stuck perfecting their MVP for months. By the time it launches, the market has shifted - or worse, no one cares.

• Solving the wrong problem

It’s easy to build something “cool” and totally miss what users actually need. MVPs that don’t validate a real pain point = wasted energy.

What an MVP actually looks like

• A landing page built with Lovable + fake signup flow

• A working demo that lets you test just one thing

• A Notion doc page shared publicly

• A Typeform form with a Stripe link

The point isn’t to build fast tech.
It’s to build a fast understanding of what’s worth building.

Press News

📰 What’s new in the Lovable universe?

Lovable has secured the top spot for the largest percentage increase in new customer count, according to Ramp's April 2025 SaaS vendor analysis. As the only European startup on the list - alongside major US-based players - Lovable stands out for its rapid growth.

Looks like Figma is not loving Lovable’s name choice - “Dev Mode” is apparently trademarked by Figma. They’ve asked Lovable to drop it and keep things cool. Anton Osika provided a comment to this situation on X.

From 3D Artist to AI Maker: Learn how Zohar Vanunu built a full SaaS platform with Lovable. Read more…

Quick Hits

 🔎 Lovable Showcase

• ⛩️ Kitzuna - Free Japanese AI companion that teaches you actual conversations.

• 🛒 Prompt Bazaar AI - AI Prompt Marketplace for professionals.

• 💲 Cumulate - Your personal AI finance manager.

• 🪪 Egreet - Create your interactive e-greeting card.

🤔 Startup Ideas

• 💡 InboxTherapy - A tool that rewrites your stressful emails into kind, clear and professional responses.

Prompt to start building with Lovable:

Create a landing page for InboxTherapy, an AI-powered writing assistant that helps users rewrite their stressful or emotionally charged emails into clear, kind and professional messages. The site should feature a clean, modern layout with a headline like “Say it better”. Include a mock email interface demo (original message → rewritten version), a short list of use cases (e.g. job rejections, tough feedback, awkward follow-ups) and a CTA: “Try rewriting now”. Add a testimonials section from users who’ve avoided conflict using InboxTherapy. Use soft colors and a calm, approachable design style. Mobile-friendly.

• 💡 ParkHere - A crowd-sourced map of hidden parking spots in busy cities, updated daily by locals.

Prompt to start building with Lovable:

Design a responsive web app homepage for ParkHere, a community-powered parking map that helps drivers find hidden or lesser-known parking spots in crowded urban areas. The layout should include a city-based location input, an interactive map preview and a section titled “Spots added today” with 3-4 realtime examples. Add a call-to-action: “Share a spot, save someone’s day”. Include a “Why ParkHere?” section with 3 bullet points: save time, reduce stress and help others. Use a clean, map-style color palette with city vibes and mobile-first layout.

• 💡 UnrollThis - A minimal tracker for online orders - without the email clutter or app bloat.

Prompt to start building with Lovable:

Build a simple product page for UnrollThis, a lightweight web tool that lets users track their online orders without digging through emails or downloading yet another app. The hero section should include a catchy headline like “Track packages, not drama”. Include a basic product demo showing a simple input field for order confirmation numbers and a clean dashboard that shows expected delivery status. Add 3 features: inbox sync (optional), real-time updates and private mode. Include a “Why UnrollThis?” section and a signup form. Use a minimal, modern design with neutral tones.

That’s it for today!

Thanks for tuning into another round of Ship Happens w/ Lovable! Whether you’re deep in build mode or just wondering about your next idea, I hope this issue gave you something to run with.

Until next Thursday, keep the momentum (and the mood) going - here’s a playlist to soundtrack your next build session. Listen here 🎧

See you next week! 🚀

~Product Kickoff’s editorial team