Back to Browse

We Fired Linktree! Then Built Something Better With Claude Code.

2.1K views
Premiered May 1, 2026
32:30

Linktree is convenient, but they get all the page ranks. So we built our own version from a paper sketch, through Figma, into Claude Code, and straight to production. It's all about the design process: starting on paper, moving to Figma, using AI to bridge the gap between design and working product, and shipping something real on the same day you had the idea. What you'll see in this video: - Why we ditched Linktree and built under our own domain 02ui.com - How to use paper prototyping before opening any design tool - How we used Claude Code to go from a Figma design to a live page in under 20 minutes - The UX decisions we made after launch (and why we changed things after seeing real users interact with it) - Why designers who say "we don't need Figma anymore" are missing the point The final page is live at 02ui.com/x. Everything in this video is the real process, no edits to make it look smoother than it was ;) → 02UI channel: youtube.com/@zerotoui Timestamps 00:00 — Why Linktree is a traffic problem (and what we did instead) 01:23 — Paper prototype first: how we planned the layout before touching Figma 02:27 — Design decisions: hierarchy, the Lab placement, and mobile-first thinking 04:30 — Why you should never ask users what they think (watch them instead) 06:31 — From Figma to Claude Code: setting up the build 08:30 — Writing the prompt in Perplexity before touching Claude Code 10:32 — Claude Code live: one prompt, two pages, watching it build in real time 13:28 — Why designers still need Figma (even with AI tools like Claude Code) 17:15 — Testing the live page: links, subscribe flow, and what actually worked 20:49 — Getting the brand colours right: replicating the Figma multiply effect in CSS 25:57 — Pushing to GitHub and going live with Cloudflare 29:05 — Post-launch changes: what real user feedback changed about the design 31:17 — Final result: the live page at 02ui.com/x Follow us on: https://www.youtube.com/@zerotoui https://www.instagram.com/zerotoui https://www.tiktok.com/@zerotoui https://www.linkedin.com/company/zerotoui/ https://x.com/zerotoui Lets connect : https://www.linkedin.com/in/muratbayral/ https://www.linkedin.com/in/canhoskan/ Work with us: https://www.miragraph.com/ https://www.linkedin.com/company/miragraph/ https://www.linkedin.com/company/zerotoui/ Recently added videos: 🔥 Claude Design vs Lovable: One Prompt, Same Brief https://youtu.be/o4jIKc_DIoM 🟠 We Tested Claude Design. Here's Our Honest Take https://youtu.be/IiU9TYPwbjg 🟠 Claude 4.7 vs 4.6, which one designs more like Apple? https://youtu.be/sbE4qNxxSUo 🟠 How a Designer Actually Thinks (Paper to Figma to Lovable) https://youtu.be/uy6h9AKfPBM?si=y0yffbL1TuQBshtI 🟠 Figma Skills Setup for Designers (No Terminal Required) https://youtu.be/LNuA1PF_MHU 02UI website: https://02ui.com Affiliate links: https://02ui.com/affiliate 02UI Lab teaches the full journey from first file to shipped product. Join waiting list: https://02ui.com/lab #uidesign #figma #claudecode

Download

0 formats

No download links available.

We Fired Linktree! Then Built Something Better With Claude Code. | NatokHD