Felxi Lee

Day 68 of vibe-coding as a designer

Claude Code to Figma is SO USEFUL! ⭐️

I built in Claude Code, typed "send this to Figma" and convert to editable design frames and components.

This is a win for designers.

Web guide titled "Vibe-Coding for Designers" with red abstract header, logos for Cursor and Claude Code, and a beginner-friendly step-by-step tutorial list.

the vibe-coding for designers 101 to guide non-technical folks on to claude code/cursor.

bookmark this >> adplist.notion.site/cursor-for-...

Two smiling friends pose for a selfie at night, with a vibrant city skyline and a crowd of people in the background.

A conversation on a messaging app reflects gratitude for a recent work trip to Singapore and appreciation for professional growth.

One of our early employee at @ADPList just flew to Singapore 🇸🇬 for her first work trip.

We've been remote for years but there's something special about showing your team the city you're from.

So proud of all she do!

Designers, this is the highest leverage skill you can learn this year. The future of design is here.

Don't fall behind.
x.com/felixleezd/...

> conversion rate funnel

The results on @stripe is interesting.

Designers keep asking "what makes this page work?" - now there's a tool that actually answers that.

If you want to try it, drop your website.

Day 34 of vibe-coding as a designer

Stripe's new landing page is going viral and designers are losing it. 💀

So I ran it on a design analyzer tool I built, it analyzes any UI and breaks down exactly what makes it work ⭐️:

> layout hierarchy
> cta placement
> visual distribution

I challenge you to the leaderboard: tetris-two-mu.vercel.app

Day 32 of vibe-coding as a designer

I built a full Tetris game 👾 from a FigJam flowchart using Figma MCP - one shot! 🤯

Try it yourself.

Designers went from "makers" to "taste-makers." Few are prepared for this change.

Your taste is the product's moat now.

YC new website design just dropped!

It is elegant and beautiful. 🧡 You'd notice it's clean by design and led by an immersive, emotional experience of the founder photos.

Truly inspiring work. cc @aaron_epstein @garrytan @eve_bouff

Still can't believe that designers can be shipping native iOS apps now. 🤯

You can -> snap a photo, get a color palette that matches its mood. Here's a video, using Greenland. 😎

> Zero Swift experience
> Zero Xcode experience
> 100% vibe coded

No more refreshing Coolors 50 times hoping something clicks.

Didn't write a single line of Swift.

Day 20 of vibe-coding as a designer
Just built my first iOS app ever. 📱

Two smiling friends on a couch above a webpage titled "Cursor for Designers (Guide)" with a step-by-step course outline below.

Ultimate guide to vibe-coding for designers. ⭐️

I'm not a developer. I built a working app in 30 minutes.

I created a step-by-step guide on Cursor and Claude Code for designers to start building + shipping in 2026.

Want a copy? Just raise your hands below, I'll DM you.

Large typographic quote about valuing craft and attention to invisible details, set on a minimalist cream background.

Steve Jobs revealed the secrets of taste and craftsmanship:

Designers who master prompt engineering in 2026 will ship 10x more than everyone else.

(bookmark this for later)

7️⃣. Magic Troubleshoot Prompts:

Output looks off?

→ Try: "Redesign this following Material Design principles"
→ Or: "Make this follow iOS Human Interface Guidelines"
→ Or: "Apply Gestalt principles for better visual hierarchy"

Give it design frameworks to follow. It works magic.

6️⃣. Responsive Design Prompt:

"Create a pricing page with 3 tiers. Make it responsive:
→ Desktop: 3 columns side-by-side
→ Tablet: 2 columns with 3rd below
→ Mobile: Stacked vertically
→ Use Auto Layout for fluid scaling"

This gets you mobile + desktop in one shot.

One prompt = complete UX coverage.

5️⃣. The "Design System Drift” Fix:

Notice Make using wrong colors?

→ Try this Prompt: "Analyze my imported library and list all color tokens, then regenerate using only those exact values"

It'll self-correct and stick to your system.

Gets you working prototypes, not static screens.

4️⃣. Advanced Prompts: Data States

"Create a user list screen with three states:
→ Loading (skeleton screens)
→ Success (populated table with 10 users)
→ Empty (illustration + 'No users yet' message + 'Add User' CTA)"

3️⃣. Prompt for Interactive States:

"Create a login form with:
→ Email and password inputs
→ Show error state when fields are empty
→ Disabled button state when form is incomplete
→ Success message after submission
→ Add smooth transitions between states"

2️⃣ Workflow: Import Your Design System First

Before your first prompt:

→ Go to your main Figma file
→ Export your component library
→ Import it into Make
→ Add this to every prompt: "Use components from [Your Library Name]"

Now everything matches your brand automatically.

Bad: "Create a dashboard"

Good: "Create a SaaS analytics dashboard with:
→ Left sidebar navigation (240px wide)
→ Top bar with user profile
→ 4 metric cards in a grid
→ Line chart showing revenue trend
→ Use blue (#2563EB) as primary color"

The more you specify = higher quality.

How to 10x your design with Figma Make. ⭐️

I spent 40+ hours testing Figma Make prompts. Most designers waste time with vague prompts and get garbage outputs.

Here are the exact prompts and proven workflow that actually work:

1️⃣. Prompt formula that works:

Designers, if you're starting vibe coding or build this new year, I want to gift one of you a 3-month subscription of Claude Pro to support. <3

Just drop a comment below. Happy New Year!

👉 Try it yourself (1 free credit on us): growth-ux-analyzer.vercel.app/

More learnings as we progress, you can follow to learn along. Yes, @ADPList is still my focus and commitment -we've got lots coming.

To answer, how I do all these?

Each day, I take 2 hours in evening to vibe-code. Some people Netflix binge or doomscroll. I read, gym, meditate and vibe code.

Also learned how to work deeper with Stripe MCP. Connecting payments used to terrify me as a designer. Now it's just another conversation with Claude.

Lesson: The paywall isn't broken. The trust wasn't built yet. Feedback welcomed! 👇

Laptop on a desk showing a split-screen: analytics dashboard with zero revenue on left and code editor/terminal with files and highlighted code on right.

Day 15 of vibe coding as a designer

Built a paywall. Got $0 in paid users.

Turns out people won't pay for something they can't see working first. 👀

So I'm adding:
> Testimonials (80% of users read reviews before paying)
> Demo so they know what to expect
> 1 free credit on us ⭐️

If you have recently found a design portfolio that stood out, please link it and tell me why hiring managers should see it.