0:00 / 0:00

Fortune 500 companies pay agencies millions for UI that looks like this. I built the same thing in an afternoon using Subframe. The wild part? You can connect Claude Code and let AI generate the designs for you. No design degree. No Figma rabbit holes. Just clean, production-ready components. Use Promo code “NOCODEJOSHUA26” for a discount. #ai #claude #claudetiktok #Subframe, #ShipYourDesigns

@nocode.joshua
1.1K views47 likes1:16ENMar 27, 2026
235 words1273 characters15 sentencesReadability: Middle School

Transcript

Everyone tells you that AI can build app designs without code, but no one shows you how to actually get designs that don't look like AI Slop and actually match your brand colors and styles. Well, this is exactly how you can get Claude to create professional designs that look better than Fortune 500 companies. It's all thanks to an AI app called Subframe, and you can sign up for free at subframe.com. So to get started, you can connect Claude to Subframe's MCP by simply running this command. From here, Subframe allows you to use some of the design style guides from companies like Google, Spotify, or Airbnb. Or if you prefer, you can choose to get started with your own brand colors and typography. But this is where things get crazy. I can now type in what I want AI to build, and it spits out beautiful design pages and components that match my exact branding. I can simply choose the option that I like best and Subframe adds it to the page. There's no AI Slop where components look super out of whack. And what makes this so powerful is that I can do this right within the Subframe app or even from within Claude code. So I can now have a professional designer working for me. If you want access, comment, design below, and I'll send you the link to Subframe.com.