Pushing Lovable Further with a Designer-Led Workflow

Pushing Lovable Further with a Designer-Led WorkflowPushing Lovable Further with a Designer-Led Workflow

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Sergey Bertagnini

pro

• Sep 29

Can a designer push Lovable as hard as any design tool?

Yes, and the method is simpler than you'd think. Three steps. I'll show each one on real slides from this challenge.

First, why I'm back. I sat out the last couple of challenges: I needed a real break, and other projects needed me more. I hadn't opened Lovable in a bit over a year. When this one landed, I thought: let's see if a designer can take it to the limit, the way I do with every other tool. So far, it's holding.

The client is Endorphin, a run club in Turin. Every Thursday, 19:00, under the Arco del Valentino, free, any pace. Here's the method.

1. Design every state before you prompt. Default, hover, spots left, full, waitlist, booked, past. Look at the third slide: each chip is a different state of the same event, "You're in", "23 left", "31 going". If a state isn't designed, Lovable guesses it. So I never leave it a guess.

2. Write the prompt like a spec. Real sizes, real colors, real timings. Mine says things like: the slide takes 480ms, easing cubic-bezier(0.2, 0.8, 0.2, 1), no bounce. Then I attach the Figma export of that exact state and write "match this pixel for pixel". That's how the calendar on the last slide got its hover: the cell lifts, a preview card shows cover, time, place and spots left, and Book sits right there.

3. One prompt at a time. I send a piece, compare it with my board, and only then send the next. The phone view on slide two came out that way: a booking sheet with two fields and one line, "No account. No password. Just show up." Above it, a molecule where every dot is a moment from a Thursday.

The first slide shows the result of all three: the whole night as single cards. Price, distance, time, meeting point, crowd. One idea each.

The tool is only as sharp as the brief you give it.

If you've built with an AI tool: where did you hit the wall first, design or logic?

lovablechallenge websitedesign Product Design

Miglena Spasova

pro

• Sep 30

Great tips! Matches my experience with similar tools. Looking forward to seeing your Lovable entry.

Sergey Bertagnini

pro

• Sep 30

Thank, still refining it

Sergey Bertagnini

pro

• Oct 2

https://on.contra.com/JLGbPk here is the full submission

on.contra.com

Website and Booking System for Turin’s Endorphin Run Club

Turin’s biggest run club has no website to book and see events So what do you build when 150+ people show up every Thursday and the whole thing runs on Instagram stories and WhatsApp threads? For the…

Boluwatife Delight

• Sep 30

Amazing

Sergey Bertagnini

pro

• Sep 30

thanks so much

Sergey Bertagnini

pro

• Oct 2

https://on.contra.com/JLGbPk Here you can find the full submission

on.contra.com

Website and Booking System for Turin’s Endorphin Run Club

Daxesh Patel

pro

• Sep 30

great designs, all made in lovable right?

Sergey Bertagnini

pro

• Sep 30

yes with a figma help!

Daxesh Patel

pro

• Oct 1

Ohh that's really great man, good work

Sergey Bertagnini

pro

• Oct 2

Thanks again, here you can find the full submission

Jos Honour

• Sep 30

Great tips

Sergey Bertagnini

pro

• Oct 2

Thanks so much, here you can find the full build https://on.contra.com/JLGbPk

on.contra.com

Website and Booking System for Turin’s Endorphin Run Club

Mostafa Moamen

• Oct 1

Nice templates it feels modern minimalistic ❤️❤️

Sergey Bertagnini

pro

• Oct 2

Thanks so much here the first submission https://on.contra.com/JLGbPk

on.contra.com

Website and Booking System for Turin’s Endorphin Run Club

Yaroslav Dykyi

pro

• Oct 1

stunning

Sergey Bertagnini

pro

• Oct 2

thanks so much here the full build https://on.contra.com/JLGbPk

on.contra.com

Website and Booking System for Turin’s Endorphin Run Club

Aditya Pandey

pro

• Oct 3

The line about the tool being only as sharp as the brief is the whole lesson. Sending one prompt at a time and comparing it with your board is what keeps the output from going generic. To your question, my wall is usually design: AI gets polished fast, but making it feel specific takes the brief.

Azizxon Bahodirov

pro

• Oct 6

The full and waitlist states are worth designing together. What happens if the last spot is taken while someone is filling out the booking form?

CapCut

• Oct 16

We can't wait to kick off the CapCut World LA Challenge! Check out the guidelines here to get started ✨

capcutworldlachallenge CapCut

Alexis Presa

max

• Oct 16

📣 calling all junior & aspiring designers!! i get a lot of DMs from people asking how to get started in design, improve their skills, or build a portfolio without having real clients. so i built something to help with that. a free resource filled with creative challenges to help you practice, experiment, and grow as a designer. it's my small way of giving back to the design community! → alexispresa.com/practice would love your feedback too! 🙏🏼

designcommunity designpractice practice

Timothy Exodus

pro

• Oct 20

The Practice is such a generous idea, Alexis. Creative challenges that build skill, taste and consistency through daily exercise are exactly what juniors need when they don't have real clients yet.

Anja Schumacher

pro

• Oct 16

A closer look at The Art of Dining, a collection of original illustrations, decorative patterns, and product designs inspired by traditional Chinese dining culture

Completed work