Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Go from Figma design to Lovable app This is how:

Lovable's profile picture

Lovable

131,669 subscribers

20,336 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Lovable profil fotoğrafı
Lovable1 yıl önce

How can we make this integration even better?

Anima profil fotoğrafı
Anima1 yıl önce

📢It is live! @figma design to @MUI_hq or @AntDesignUI "Whether your design is well organized or a bit chaotic, using standard components or none, Anima takes it all and translates it into high-quality #MUI or #AntDesign code."-->

Renato Abreu 🍃 profil fotoğrafı
Renato Abreu 🍃1 yıl önce

When you have multiple screens already with flowchart in the images integrate directly with the lovable and supabase I so far can't make more than 4 screens with Figma, I really like @lovable_dev my purpose is always evolution

Mahesh profil fotoğrafı
Mahesh1 yıl önce

What prompt do you write to tell the AI to accept figma input anything specific you guys write?

The Martian profil fotoğrafı
The Martian1 yıl önce

What about my existing new project,do we have an edit in figma, for the front end?

Paulo Almeida profil fotoğrafı
Paulo Almeida1 yıl önce

Show up a complex example. This is kid's school work, not a profesional design work!

Russ Shimon profil fotoğrafı
Russ Shimon1 yıl önce

I wrote you about my projects not working. Kindly advise.

El Alquimista 🍉 profil fotoğrafı
El Alquimista 🍉1 yıl önce

React native available?

Jason Belisario profil fotoğrafı
Jason Belisario1 yıl önce

@awilkinson

neuralcoffee profil fotoğrafı
neuralcoffee1 yıl önce

Levelling up. Got any complex design examples?

Benzer Videolar

Build in Lovable, from Claude. New native integrations with our MCP server = chat to Claude, export from Claude Design, and ship with Claude Code, directly to Lovable. To get started, go to Claude → Click on the + sign → Connectors → Browse Connectors → Lovable.
0:39

Build in Lovable, from Claude. New native integrations with our MCP server = chat to Claude, export from Claude Design, and ship with Claude Code, directly to Lovable. To get started, go to Claude → Click on the + sign → Connectors → Browse Connectors → Lovable.

Lovable

73,184 görüntüleme • 1 ay önce

Someone built this weather app with Lovable by just prompting ✅ Login functionality ✅ 3D map ✅ Share feature ✅ Professional design What have you built with Lovable?
0:25

Someone built this weather app with Lovable by just prompting ✅ Login functionality ✅ 3D map ✅ Share feature ✅ Professional design What have you built with Lovable?

Lovable

19,251 görüntüleme • 1 yıl önce

This is your sign to go build.
1:00

This is your sign to go build.

Lovable

38,720 görüntüleme • 4 ay önce

It is now much easier to integrate Stripe for payments in your app with Lovable! Just tell Lovable you want to integrate Stripe, and it will guide you through the entire process seamlessly.
1:06

It is now much easier to integrate Stripe for payments in your app with Lovable! Just tell Lovable you want to integrate Stripe, and it will guide you through the entire process seamlessly.

Lovable

39,193 görüntüleme • 1 yıl önce

Building products takes too long. We started Lovable to fix this. Today, we're officially launching the world’s first AI Full Stack Engineer Lovable reliably replicates the capabilities of a full stack engineer and handles everything from design to database operations by integrating with Supabase. So what’s new exactly? 🧵
1:28

Building products takes too long. We started Lovable to fix this. Today, we're officially launching the world’s first AI Full Stack Engineer Lovable reliably replicates the capabilities of a full stack engineer and handles everything from design to database operations by integrating with Supabase. So what’s new exactly? 🧵

Lovable

232,746 görüntüleme • 1 yıl önce

How to design a mobile app in Figma (Start to finish)
58:44

How to design a mobile app in Figma (Start to finish)

Your Designer

70,177 görüntüleme • 2 yıl önce

Someone built this "75 hard" challenge tracker with Lovable It has: - Payments with Stripe - Backend with Supabase - Login functionality - High quality design What have you built with Lovable in 2025 so far?
0:25

Someone built this "75 hard" challenge tracker with Lovable It has: - Payments with Stripe - Backend with Supabase - Login functionality - High quality design What have you built with Lovable in 2025 so far?

Lovable

31,794 görüntüleme • 1 yıl önce

How to design an app with interactive map using Figma Make
0:24

How to design an app with interactive map using Figma Make

Jan Mraz

10,263 görüntüleme • 4 ay önce

This is how I design mobile apps for my clients No Figma No design team No wasted weeks Just UX Pilot, Lovable, Supabase, and Cursor. Here’s exactly how I designed MoodFlow step by step
8:15

This is how I design mobile apps for my clients No Figma No design team No wasted weeks Just UX Pilot, Lovable, Supabase, and Cursor. Here’s exactly how I designed MoodFlow step by step

Prajwal Tomar

7,466,465 görüntüleme • 1 yıl önce

This is how the Figma design team does silent design critiques in Figma Why silent? To give introvert designers a chance to share their ideas! Tammy Taabassum shows how to do a silent design crit in Figma 👇
2:01

This is how the Figma design team does silent design critiques in Figma Why silent? To give introvert designers a chance to share their ideas! Tammy Taabassum shows how to do a silent design crit in Figma 👇

Jayneil Dalal

53,342 görüntüleme • 1 yıl önce

Introducing the Lovable aesthetics update, a new level of design in vibe coding. Ask for typography, layout, and color preferences. Preview design concepts before building, and create bolder landing pages, apps, and blogs.
0:54

Introducing the Lovable aesthetics update, a new level of design in vibe coding. Ask for typography, layout, and color preferences. Preview design concepts before building, and create bolder landing pages, apps, and blogs.

Lovable

395,256 görüntüleme • 3 ay önce

Lovable shipped is here. 6 weeks to ship. $3m in perks.
0:41

Lovable shipped is here. 6 weeks to ship. $3m in perks.

Lovable

74,161 görüntüleme • 1 yıl önce

announcing the winner of the design competition winner: Vignesh G website:
0:23

announcing the winner of the design competition winner: Vignesh G website:

Lovable

102,049 görüntüleme • 1 yıl önce

Introducing a smarter Lovable that is 71% better at solving complex tasks. Lovable can now do more work, more autonomously—using deeper planning, browser testing, and prompt queuing. Below is how it works.
1:33

Introducing a smarter Lovable that is 71% better at solving complex tasks. Lovable can now do more work, more autonomously—using deeper planning, browser testing, and prompt queuing. Below is how it works.

Lovable

341,463 görüntüleme • 6 ay önce

Your app talks back. Lovable now supports text-to-speech and-speech-to-text, so you can seamlessly add AI voice features to your projects. Make a voice assistant, a hands-free tool, or an app you can literally speak to. Sound on:
0:31

Your app talks back. Lovable now supports text-to-speech and-speech-to-text, so you can seamlessly add AI voice features to your projects. Make a voice assistant, a hands-free tool, or an app you can literally speak to. Sound on:

Lovable

22,100 görüntüleme • 1 ay önce

Lovable is officially the founding partner of the premier league of chess. What this means: (thread)
0:45

Lovable is officially the founding partner of the premier league of chess. What this means: (thread)

Lovable

17,874 görüntüleme • 11 ay önce

Everyone's sleeping on this Google Stitch → Lovable workflow. Full design phase in 10 minutes. Then straight into a working web app inside Lovable. Stop wasting weeks on Figma when you can ship this fast. Here's the entire workflow 👇🏻
0:20

Everyone's sleeping on this Google Stitch → Lovable workflow. Full design phase in 10 minutes. Then straight into a working web app inside Lovable. Stop wasting weeks on Figma when you can ship this fast. Here's the entire workflow 👇🏻

Prajwal Tomar

54,278 görüntüleme • 4 ay önce

Every ad in SF says "agents agents agents" We skipped the billboard and shipped instead. MCP any Lovable app, instantly.
0:39

Every ad in SF says "agents agents agents" We skipped the billboard and shipped instead. MCP any Lovable app, instantly.

Lovable

33,385 görüntüleme • 17 gün önce

Lovable’s security reviewer uses AI to analyze your app for security vulnerabilities and recommends a plan to address them.
0:21

Lovable’s security reviewer uses AI to analyze your app for security vulnerabilities and recommends a plan to address them.

Lovable

16,404 görüntüleme • 1 yıl önce

Introducing automated project monitoring in Lovable. Lovable now checks your app on a schedule and alerts you when something breaks, fails silently, or looks wrong, before anyone notices. In beta now.
0:24

Introducing automated project monitoring in Lovable. Lovable now checks your app on a schedule and alerts you when something breaks, fails silently, or looks wrong, before anyone notices. In beta now.

Lovable

53,445 görüntüleme • 1 ay önce