- Open Doors
- Posts
- How to Start Vibe Coding as a Designer đ§âđ»
How to Start Vibe Coding as a Designer đ§âđ»
A hands-on look at how designers are using AI-powered tools to build and ship ideasâwithout needing to code

Together with
Hey and welcome back to another week! đ
A little service note: Iâm moving house the next two weeks! While thatâs super exciting, that also means that my newsletter will have to run mostly on autopilot. I will send out issues both of these weeks as usual except for them not containing a portfolio review.
In this issue:
Why Itâs Time to Explore Vibe Coding: Get ahead of most designers and start leveraging cutting-edge tooling.
You Donât Have To Do It Alone: With IntoUX you are taking on the job hunt with the community.
Miggyâs Portfolio: One of the best executed portfolios Iâve seen in a while
đ€ TODAYâS PARTNER
Land your dream job by uncovering what makes you stand out.
đ© Job hunting sucks!
Especially when the rejections pile up, and AI makes you question if your skills even matter anymore.
đ« But youâre not the only one feeling this way.
đ€ IntoUX.design is a small, friendly community of expat designers who are figuring it out together. Join workshops, work on fun projects, and help each other stay motivated while looking for a dream job.
đŻ Uncover what makes you stand out in the crowded market.
Youâll build an insight by chatting, comparing, and reflecting with others who are on the same ride. That confidence sneaks up on you -> until suddenly, youâre crushing interviews without overthinking.
Rebuild your confidenceđȘ, get better at your design skill âš, and feel a little less alone in the process.đ
Join the community now with the limited time 33% off offer.
Use the coupon at the checkout: 33OFF
How to Start Vibe Coding as a Designer đ§âđ»

A few weeks ago, I joined a weekend competition run by Lovable and built something Iâm still proud of: a curated movie and TV collection for designers and creatives (see it live here). I didnât win anythingâbut I shipped it in one weekend, and people liked it. The LinkedIn post I shared about the project even got some buzz. You can check the post out here.

I built this in roughly six hours on a weekend without writing a single line of code myself
Thing is, this wasnât my first time. Iâve been exploring vibe coding long before it even had a name â building tools, plugins, and side projects using AI-assisted coding workflows. And now, itâs starting to show up at work, too. Weâve started adopting tools like Lovable on the job, and Iâm already comfortable with them. Designers using tools like this to get to prototypes faster â or even ship real, usable code â isnât hypothetical anymore. Itâs happening. And if you get familiar with these tools now, youâll be ready when your work starts shifting this way too.
If youâre still feeling a little lost about what vibe coding actually means, donât worry â weâre going to break it down.
So, What Is Vibe Coding?
At its core, vibe coding is AI-assisted coding via prompts. You describe what you want to build, and the AI writes the code for youâor gets you 90% of the way there.
This used to be reserved for developers. Now? Designers are doing it too. And many of the tools are built specifically with us in mind.
There are three categories of tools youâll come across:
Beginner-friendly builders like Lovable and Bolt let you build entire sites or apps with just promptsâand optionally some design references. These are great starting points for non-coders.
Dev-first tools like Cursor and Windsurf integrate AI into coding environments. Theyâre powerfulâbut better suited for those with at least some dev knowledge.

In Lovable you start out with a promptânothing more needed
Right now, most vibe coding happens on the web. You can technically vibe code a mobile app, but itâs a lot more fiddly and usually not worth the effort unless youâre already technical. So you might want to stick to web apps unless you already bring some technical knowledge or arenât afraid of diving in head-first.
Why It Matters for DesignersâEspecially Juniors
For the first time, designers can build things that used to require a developer. This opens up a huge range of opportunities:
Build and launch your own portfolio site that you can host for free and without any tools attached.
Create functional prototypes that go way beyond Figma.
Test product ideas and build small tools or MVPs.
Launch your own micro-business or experiment with side projects.
And yesâpeople are using vibe coding to build real businesses. Designers are shipping functional MVPs, launching paywalled tools, and building in public.
This matters for juniors because it's a huge edge. While most job posts still donât require these skills, some already doâand more are coming. In this previous article, we already talked about how hiring managers are starting to expect designers to integrate AI into their workflows.
You donât have to become a coder. But if you can prototype something real and speak the language of building, youâll instantly stand outâespecially as a junior.
How to Get Started (Without Freaking Out)
If youâre excited but overwhelmed, youâre not alone. Hereâs how to get into vibe codingâwithout getting scared off.
1. Pick a small project
Start simple. A landing page. Your portfolio. A web-based prototype of a fictional case study. You donât need to start with an app that does everything. Keep the scope small and the goal clear.
2. Choose your tool
Hereâs a quick guide:
Lovable â easiest to start with, prompt-based, can use image references, great for designers (you can also get double credits if you sign up through my link here)
Bolt â similar to Lovable, solid for visual site building
V0 â good for building and remixing interface components
Cursor â best for devs, AI-native coding editor
Windsurf â similar to Cursor, helps devs code faster
Try more than one. Theyâre often interchangeable. Donât get locked into one platform. Most allow you to export code and switch if needed.
3. Make a plan with AI
Before you build, ask ChatGPT or Claude to help you plan the project. You can:
Break your idea down into steps
Get sample prompts for each part
Brainstorm features and structure

A plan for a part of a bigger project Iâm working on broken down by ChatGPT so itâs approachable and much less overwhelming
This gives you clarity and makes prompting less intimidating. This is especially helpful if you really consider yourself to be non-technical and have never been involved in building an app before because you can learn a lot about how this type of work is structured which in return will be beneficial in any of your future roles as a designer.
4. Prompt in small chunks
Donât dump everything into one prompt. Start with a single feature or screen. Iterate. Thatâs how you learn. It also saves you credits (if your tool uses them).
Break things down into features and iterations where possible.
5. Be visual and specific
If you want a certain look or feel, describe itâand show it. Lovable handles visual references especially well. Paste a screenshot or link a layout that inspires you. The closer your prompt is to your vision, the better the result. You can also use existing code components (e.g. from 21st.dev) by just copy-pasting the code from there and AI will take care of the rest.
How Juniors Can Use This to Stand Out
If youâre a junior designer, hereâs how to apply vibe coding in ways that actually help your portfolio and applications.
Bring a case study to life
Take a fictional case study and rebuild it as a working prototype. This works best for web-based projects. If itâs a mobile app, consider reframing it as a mobile web app to make it work.
Build a personal project
Have an idea? Make a tool, website, or mini app for fun. Add it as a side project in your portfolio. It doesnât have to be hugeâjust show initiative and creativity.
Show you're learning
Even small experiments count. Document what youâve built. Mention what tools youâre using. You donât have to master everythingâjust show that youâre learning and exploring.
TL;DR
I recently built a movie/TV collection site in a weekend using vibe coding (see it here)
Vibe coding = building with AI (no code required)
Tools like Lovable, Bolt, and V0 make this accessible for designers
Start small, prompt in steps, and give visual references
Use this to elevate case studies, build prototypes, and stand out
Hiring managers are already starting to expect AI literacy (more on that here)
Pro tip: If youâre using or want to try Lovable, this link gets you some free credits.
Vibe coding is a mindset shift. Itâs about getting from idea to artifactâfast. And if you start now, youâll be way ahead of the curve.
Let me know what you build.
đïž STAY ON TOP OF AI NEWS
Learn AI in 5 minutes a day
Whatâs the secret to staying ahead of the curve in the world of AI? Information. Luckily, you can join 1,000,000+ early adopters reading The Rundown AI â the free newsletter that makes you smarter on AI with just a 5-minute read per day.
đ Portfolio Showcase

Today: Miggy Farjado
A beautifully crafted portfolio that sets a high bar for early-career designers
Miggy Fajardoâs portfolio is one of the most well-crafted and visually refined examples weâve seen from a designer at this stage of their career.
Based in Phoenix, Arizona, Miggy brings a unique blend of design sensibility, storytelling precision, and visual clarity to everything he touches â whether itâs Dropbox-level production work or experimental tools for navigating orbital mechanics. That combination makes this a standout portfolio in every sense.
Letâs take a closer look at what Miggyâs doing especially well â and two small refinements that could take an already excellent portfolio even further.
Thatâs it for this weekâthanks so much for the support! â„ïž
If youâd like to support my efforts on Open Doors further you can buy me a coffee. If you ever got any value from my emails consider it so I can keep this newsletter free and available to everyone out there.
Do you want your own portfolio reviewed in-depth with a 30-minute advice-packed video review? Or do you require mentoring to figure out a proper strategy for your job search?
I got you!
Book a mentoring session with me
Book a quick 15 min chat to ask a question and see if we vibe

Keep kicking doors open and see you next week!
- Florian