Blg*

Blg*

Blg*

*You are looking at a blog, written by a designer with leesniveau 2. Hope you're cool with that! (note to self: need to spice this space up)

*You are looking at a blog, written by a designer with leesniveau 2. Hope you're cool with that! (note to self: need to spice this space up)

*You are looking at a blog, written by a designer with leesniveau 2. Hope you're cool with that! (note to self: need to spice this space up)

What does a next-gen designer do when the little ones taking a nap? Exactly. You build a smart web platform to replace your portfolio.

Sure, we all know no-code tools like Framer. Great stuff until you want to offer digital services or resources without giving control away. Oh, and it still needs to look damn good (were designers, after all).

So why not just build it ourselves? Lets find out. Speedrun:

Design in Figma
Or use the HTML to Design plugin. Clone an existing site and give it your own twist. (Good artists copy, great artists steal? Anyone? No? Okay, moving on.)

Export with Build.io plugin
Select your frame and let Build.io turn it into a Lovable prompt. Give it a minute. Lovable quickly builds a React app styled with your Tailwind CSS.

Sync with GitHub Supabase Auth0
Database? Check. Login flow? Check. TL;DR: deploy via Vercel, update your domain youre live for a fiver.

Open Cursor
Start your free trial, polish the styling, squash the bugs, and vibe on the code until youre hyped.

In theory, you now have: a working website, login flow, database, Tailwind transitions, slick animations, and (optional) Stripe API for sales.

The cool part? If you can set this up in the time it takes Pogačar to ride from the Paterberg to the finish line in the Tour of Flanders well, lets just say the apple (a.k.a. rapid prototyping) doesnt fall far from the tree.

Written by

Bram Vanhaeren

Published

10 Apr 2024

Reading time

1m 32s

Original

MadeByBram © 2025