Loading video...

Video Failed to Load

Go Home

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states...

Hartdrawss's profile picture

Harshil Tomar

21,997 subscribers

77,811 views • 4 days ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

UI/UX Designers, you can now give your AI coding agent a better design taste. I just found Refero Styles that has a library with 2,000+ DESIGN.md files from real product sites covering colors, typography, spacing, and components. Ready to paste into Cursor, Claude Code, v0, and Lovable so your agent can build with better design direction Can’t believe it’s free; bookmark it for later. 💜
0:18

UI/UX Designers, you can now give your AI coding agent a better design taste. I just found Refero Styles that has a library with 2,000+ DESIGN.md files from real product sites covering colors, typography, spacing, and components. Ready to paste into Cursor, Claude Code, v0, and Lovable so your agent can build with better design direction Can’t believe it’s free; bookmark it for later. 💜

Abraham John 🦄🦓

29,401 views • 11 days ago

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.
0:11

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.

Simplifying AI

12,824 views • 1 month ago

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.
0:12

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.

Ridark

19,477 views • 2 months ago

GPT-5.6 Sol is unbelievably good at creating and editing videos. It can do motion design, product demos, and animations like this one I made by simply giving it a screen recording. GPT 5.6 has the best design taste and significantly outperforms Fable, which relies heavily on repetitive design patterns. To help you experiment with video editing on it, we just launched a collection of 100 ready-to-use skills that show what’s possible and help you get started with video editing using GPT-5.6. These skills can create anything from motion graphics launch videos for your product to a 3B1B-style science explainer video. You can also use them to edit existing videos: add captions, generate motion graphics, create voiceovers, redesign visual styles, translate into new languages, and much more. If you want access to the full library, comment “VIDEO SKILLS” and I’ll share it with you. (You'll have to follow me so I can DM you.)
0:11

GPT-5.6 Sol is unbelievably good at creating and editing videos. It can do motion design, product demos, and animations like this one I made by simply giving it a screen recording. GPT 5.6 has the best design taste and significantly outperforms Fable, which relies heavily on repetitive design patterns. To help you experiment with video editing on it, we just launched a collection of 100 ready-to-use skills that show what’s possible and help you get started with video editing using GPT-5.6. These skills can create anything from motion graphics launch videos for your product to a 3B1B-style science explainer video. You can also use them to edit existing videos: add captions, generate motion graphics, create voiceovers, redesign visual styles, translate into new languages, and much more. If you want access to the full library, comment “VIDEO SKILLS” and I’ll share it with you. (You'll have to follow me so I can DM you.)

Akash Anand

516,605 views • 2 months ago

Impeccable 3.7 brings linting to design. Until now it was a skill you asked for help. Now it's a design-system-aware feedback loop that runs while your agent builds, catching slop and design drift before they land. 🪝 Design hooks for Claude, Codex, and Cursor They run after every UI edit and quietly nudge your agent to fix slop and drift. The output isn't another wall of lint: it separates new findings from already-seen ones, flags clean scans, and asks the agent to use judgment. Fix real issues, leave intentional demos alone, save exceptions to config instead of littering your source. 🎨 Slop detection is now project-aware Reads your actual design system from DESIGN.md, your typography, palette, radius scale, and tokens, and flags drift from your system, not just generic AI slop: • this font isn't in your design system • this color is outside your documented palette • this radius doesn't match your rounded scale The same engine powers both the hooks and the CLI, and it's where we're investing next. 🖥️ Live Mode, ready for real projects Svelte/SvelteKit now preview variants as temporary framework components with live params, then accept cleanly back into your source component. Manual text edits got evidence / apply / discard routes, insertions preserve their anchors, and mapped lists and JSX slots clean up far more reliably. ⚡ Leaner core, sharper detector Rule-level evals across 3 providers and 4 niches cut guidance with no measurable lift and dropped examples that taught models bad patterns. The detector now skips hidden and screen-reader-only elements, understands OKLCH alpha and Sass-like inputs, and tightened checks for repeated kickers, oversized H1s, clipped overflow, and cramped padding. 🛠️ CLI caught up impeccable detect loads DESIGN.md by default, motion findings name the exact token or cubic-bezier instead of just "bounce," and impeccable ignores gives real CRUD for exceptions. Hooks and CLI share the same ignores. No split-brain config. Plus a much-improved interactive installer with hooks setup built in. Upgrade: npx impeccable install npm i -g impeccable
0:12

Impeccable 3.7 brings linting to design. Until now it was a skill you asked for help. Now it's a design-system-aware feedback loop that runs while your agent builds, catching slop and design drift before they land. 🪝 Design hooks for Claude, Codex, and Cursor They run after every UI edit and quietly nudge your agent to fix slop and drift. The output isn't another wall of lint: it separates new findings from already-seen ones, flags clean scans, and asks the agent to use judgment. Fix real issues, leave intentional demos alone, save exceptions to config instead of littering your source. 🎨 Slop detection is now project-aware Reads your actual design system from DESIGN.md, your typography, palette, radius scale, and tokens, and flags drift from your system, not just generic AI slop: • this font isn't in your design system • this color is outside your documented palette • this radius doesn't match your rounded scale The same engine powers both the hooks and the CLI, and it's where we're investing next. 🖥️ Live Mode, ready for real projects Svelte/SvelteKit now preview variants as temporary framework components with live params, then accept cleanly back into your source component. Manual text edits got evidence / apply / discard routes, insertions preserve their anchors, and mapped lists and JSX slots clean up far more reliably. ⚡ Leaner core, sharper detector Rule-level evals across 3 providers and 4 niches cut guidance with no measurable lift and dropped examples that taught models bad patterns. The detector now skips hidden and screen-reader-only elements, understands OKLCH alpha and Sass-like inputs, and tightened checks for repeated kickers, oversized H1s, clipped overflow, and cramped padding. 🛠️ CLI caught up impeccable detect loads DESIGN.md by default, motion findings name the exact token or cubic-bezier instead of just "bounce," and impeccable ignores gives real CRUD for exceptions. Hooks and CLI share the same ignores. No split-brain config. Plus a much-improved interactive installer with hooks setup built in. Upgrade: npx impeccable install npm i -g impeccable

Impeccable

233,051 views • 2 months ago

Step 1 : input your char reference, poster and your product into GPT Image 2 and then put the prompt : Use the woman on image 1 as the main subject. create a vertical poster ad inspired by the reference poster style. show the image 1 woman holding the kimchi jar with her left hand, while the right hand eating kimchi to her mouth. with framing wide lens, low angle from the reference poster. This step is where you lock the visual direction. Step 2 : take the generated image into Seedance 2.0 and convert it into motion. Set it to 1080p if your design includes a lot of typography, this helps preserve text clarity. You can also strengthen your prompt by adding keywords like: “dynamic motion design commercial advertisement” to push the result closer to a polished ad style. Important note : If your design contains heavy typography, expect some inconsistencies in text rendering. The best approach is to generate multiple variations and select the cleanest result. For this sample, I generated it 4 times before landing on the final version.
0:15

Step 1 : input your char reference, poster and your product into GPT Image 2 and then put the prompt : Use the woman on image 1 as the main subject. create a vertical poster ad inspired by the reference poster style. show the image 1 woman holding the kimchi jar with her left hand, while the right hand eating kimchi to her mouth. with framing wide lens, low angle from the reference poster. This step is where you lock the visual direction. Step 2 : take the generated image into Seedance 2.0 and convert it into motion. Set it to 1080p if your design includes a lot of typography, this helps preserve text clarity. You can also strengthen your prompt by adding keywords like: “dynamic motion design commercial advertisement” to push the result closer to a polished ad style. Important note : If your design contains heavy typography, expect some inconsistencies in text rendering. The best approach is to generate multiple variations and select the cleanest result. For this sample, I generated it 4 times before landing on the final version.

DStudioproject

11,413 views • 4 months ago

I'm very proud to launch and introduce my design studio: Antitype. I've been convinced for several years that design will be the work of my life, and this studio is the starting point. A few days ago, a well-known designer publicly announced he was quitting design, overwhelmed by what AI is now capable of producing. A lot of designers share that feeling right now. I don't share it at all. I actually believe it's never been more important to create, to innovate on your product, your interfaces, your art direction. Differentiation has become key for ambitious companies looking to escape the standardisation that AI can generate. That's exactly what Antitype is built on: turning brand and product into a competitive advantage for those who want to stand out. This studio is a solid foundation for what I want to build long-term, and I'm really excited to share it with you!
0:18

I'm very proud to launch and introduce my design studio: Antitype. I've been convinced for several years that design will be the work of my life, and this studio is the starting point. A few days ago, a well-known designer publicly announced he was quitting design, overwhelmed by what AI is now capable of producing. A lot of designers share that feeling right now. I don't share it at all. I actually believe it's never been more important to create, to innovate on your product, your interfaces, your art direction. Differentiation has become key for ambitious companies looking to escape the standardisation that AI can generate. That's exactly what Antitype is built on: turning brand and product into a competitive advantage for those who want to stand out. This studio is a solid foundation for what I want to build long-term, and I'm really excited to share it with you!

Sébastien Deconinck

16,694 views • 1 month ago

I'm hiring for 2 roles in Design Standards team at JioHotstar, based out of our Bangalore HQ 😇 ✨ Senior Product Designer [Design Systems] Working at the intersection of Systems × AI × Tooling ✨ Product Visual Designer II Working across Product Visuals × Illustration × Iconography × GenAI Both are horizontal roles with the opportunity to work across teams, pods, and a wide range of product experiences 🚀 If building systems, raising the craft bar, and creating tools that help design scale sounds like your thing, would love to hear from you 👋 #Hiring #ProductDesign #VisualDesign
0:13

I'm hiring for 2 roles in Design Standards team at JioHotstar, based out of our Bangalore HQ 😇 ✨ Senior Product Designer [Design Systems] Working at the intersection of Systems × AI × Tooling ✨ Product Visual Designer II Working across Product Visuals × Illustration × Iconography × GenAI Both are horizontal roles with the opportunity to work across teams, pods, and a wide range of product experiences 🚀 If building systems, raising the craft bar, and creating tools that help design scale sounds like your thing, would love to hear from you 👋 #Hiring #ProductDesign #VisualDesign

Vivek

18,105 views • 21 days ago

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)
0:17

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

58,939 views • 3 months ago

This is the easiest way to make $10k/month with organic affiliate and AI Arcads launched an ai ugc studio that lets you build an entire army of hyper-real AI actors Then you turn any static image into a high-quality video showcasing any product go to TikTok and make an account + warm it up using arcads you can run an entirely AI UGC account using the same character over and over, making it seem like an authentic TT page Mix the content up with slideshows and videos with the same character Here's the AI stack gameplan: - Claude to help you write scripts - Arcads to generate an image of an AI girlie that fits your product demographic Scroll tiktok and save + download every video / slideshow you see made by clippers promoting a product (there's literally loads) Your going to find an offer on whop for making money online or spirituality and target it towards girls feed all these videos you scraped into a custom google gemini gem trained to deconstruct hooks / angles for you for easy hook inspiration + ideas Deconstruct the hooks, put them into Claude and ask it to give you hooks for the same style of video put for your products your promoting For the videos do caption and reaction + showcase formats Generate the reactions using the character you made in arc ads then manually record the showcasing of the product or proof of the product working Also for caption generate a 8-10 second video you can put text over Include your CTA in the video for reaction style and captions for caption style Plus generate images with the same character and make slideshows directed to your product Now rinse and repeat this make multiple accounts with multiple different avatars and print
0:14

This is the easiest way to make $10k/month with organic affiliate and AI Arcads launched an ai ugc studio that lets you build an entire army of hyper-real AI actors Then you turn any static image into a high-quality video showcasing any product go to TikTok and make an account + warm it up using arcads you can run an entirely AI UGC account using the same character over and over, making it seem like an authentic TT page Mix the content up with slideshows and videos with the same character Here's the AI stack gameplan: - Claude to help you write scripts - Arcads to generate an image of an AI girlie that fits your product demographic Scroll tiktok and save + download every video / slideshow you see made by clippers promoting a product (there's literally loads) Your going to find an offer on whop for making money online or spirituality and target it towards girls feed all these videos you scraped into a custom google gemini gem trained to deconstruct hooks / angles for you for easy hook inspiration + ideas Deconstruct the hooks, put them into Claude and ask it to give you hooks for the same style of video put for your products your promoting For the videos do caption and reaction + showcase formats Generate the reactions using the character you made in arc ads then manually record the showcasing of the product or proof of the product working Also for caption generate a 8-10 second video you can put text over Include your CTA in the video for reaction style and captions for caption style Plus generate images with the same character and make slideshows directed to your product Now rinse and repeat this make multiple accounts with multiple different avatars and print

Pounds

32,407 views • 7 months ago

i tried Framer Agent to build a brand guidelines website template, something i've meant to do for a while. a site i can swap a logo, nudge a colour, update the type, and send a link instead of re-exporting a pdf nobody opens. a few observations on the AI process: - i started with references. pulled together a handful of minimalist grid layouts and had Claude describe the visual style back to me. you can do the same inside Framer, feeding it the references directly. - from there i had it write a detailed prompt aimed at that exact style, then asked it to break it into a few smaller steps. then i fed those into the agent, one at a time. - the scaffolding stage is the satisfying part. for something this grid-driven (the columns, the spans, the whole underlying structure) watching it land in seconds is hard to look away from. - but then i still have to sweat the details: text alignment, line-heights, image sizes. i don't mind it at all; it's the part i like, making these design decisions. the strength of the agent is the mundane work. point it at the stuff that eats your time: cleaning up the build, adding responsiveness, dropping in small effects, checking text and colour styles stay consistent, writing alt text for every image. then i get the time back for the parts of web design that are actually fun. 🤝
0:19

i tried Framer Agent to build a brand guidelines website template, something i've meant to do for a while. a site i can swap a logo, nudge a colour, update the type, and send a link instead of re-exporting a pdf nobody opens. a few observations on the AI process: - i started with references. pulled together a handful of minimalist grid layouts and had Claude describe the visual style back to me. you can do the same inside Framer, feeding it the references directly. - from there i had it write a detailed prompt aimed at that exact style, then asked it to break it into a few smaller steps. then i fed those into the agent, one at a time. - the scaffolding stage is the satisfying part. for something this grid-driven (the columns, the spans, the whole underlying structure) watching it land in seconds is hard to look away from. - but then i still have to sweat the details: text alignment, line-heights, image sizes. i don't mind it at all; it's the part i like, making these design decisions. the strength of the agent is the mundane work. point it at the stuff that eats your time: cleaning up the build, adding responsiveness, dropping in small effects, checking text and colour styles stay consistent, writing alt text for every image. then i get the time back for the parts of web design that are actually fun. 🤝

charlota

36,056 views • 2 months ago

Claude Fable 5 + Claude Design is f*cking insane 🤯 Anthropic just dropped its most intelligent model ever, and the first thing I pointed it at was email design. I built a complete email campaign design in Claude Design, and the difference is night and day: tighter layouts, cleaner hierarchy, on-brand from the first generation. All inside Claude Design with Fable 5. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month for campaign designs that take 2 weeks to ship. If your campaign calendar is packed but every new email means briefing a designer, waiting on mockups, sending notes, and waiting again... This workflow eliminates the entire bottleneck: → Load your brand design system into Claude Design once (colors, fonts, logo, button styling) → Switch the model to Claude Fable 5 — Anthropic's new state-of-the-art model with the best vision of any AI → Prompt the campaign email section by section: header, hero, headline, offer block, CTA → Fable 5 nails layout and brand details that older models fumbled → Iterate inline — swap images, adjust styling, color-pick directly in the canvas → Export the finished email and hand off to your ESP No briefing a designer. No 2-week turnaround on a single campaign. No paying an agency $4K/month for 4 emails. What you get: → Campaign emails designed in minutes, not weeks → A reusable design system every new email pulls from automatically → Noticeably smarter design decisions from Fable 5's upgraded vision → Full inline editing before anything touches your ESP Built 100% with Claude Design + Claude Fable 5. I recorded a full walkthrough showing exactly how this works. Want it for free? > Like this post > Comment "FABLE" And I'll send it over (must be following so I can DM)
0:17

Claude Fable 5 + Claude Design is f*cking insane 🤯 Anthropic just dropped its most intelligent model ever, and the first thing I pointed it at was email design. I built a complete email campaign design in Claude Design, and the difference is night and day: tighter layouts, cleaner hierarchy, on-brand from the first generation. All inside Claude Design with Fable 5. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month for campaign designs that take 2 weeks to ship. If your campaign calendar is packed but every new email means briefing a designer, waiting on mockups, sending notes, and waiting again... This workflow eliminates the entire bottleneck: → Load your brand design system into Claude Design once (colors, fonts, logo, button styling) → Switch the model to Claude Fable 5 — Anthropic's new state-of-the-art model with the best vision of any AI → Prompt the campaign email section by section: header, hero, headline, offer block, CTA → Fable 5 nails layout and brand details that older models fumbled → Iterate inline — swap images, adjust styling, color-pick directly in the canvas → Export the finished email and hand off to your ESP No briefing a designer. No 2-week turnaround on a single campaign. No paying an agency $4K/month for 4 emails. What you get: → Campaign emails designed in minutes, not weeks → A reusable design system every new email pulls from automatically → Noticeably smarter design decisions from Fable 5's upgraded vision → Full inline editing before anything touches your ESP Built 100% with Claude Design + Claude Fable 5. I recorded a full walkthrough showing exactly how this works. Want it for free? > Like this post > Comment "FABLE" And I'll send it over (must be following so I can DM)

Mike Futia

43,189 views • 3 months ago

Your product listings don't have to stay static. I uploaded a sunglasses product image to Pollo AI Commerce Studio and turned it into a premium marketing video in minutes. What impressed me most was the quality of the final output. The sunglasses remained consistent throughout every scene, preserving the original frame shape, lens color, and design details without the usual AI distortions. The product looked nearly identical to the original image from start to finish. No prompt writing. No editing software. No manual tweaking. Just upload, choose a template, and generate.
0:10

Your product listings don't have to stay static. I uploaded a sunglasses product image to Pollo AI Commerce Studio and turned it into a premium marketing video in minutes. What impressed me most was the quality of the final output. The sunglasses remained consistent throughout every scene, preserving the original frame shape, lens color, and design details without the usual AI distortions. The product looked nearly identical to the original image from start to finish. No prompt writing. No editing software. No manual tweaking. Just upload, choose a template, and generate.

Avelyrah

15,859 views • 2 months ago

Claude Code + Google Stitch 2.0 is f*cking cracked 🤯 Google just dropped a free AI design agent that solves Claude Code's biggest weakness: frontend design. One screenshot of a high-converting landing page → a production-ready site for your brand in minutes. All inside Google Stitch + Claude Code. Perfect for DTC brands and agencies who are building advertorial pages and product launch pages for Meta but burning days on designer back-and-forth. If you're running Meta ads and need 5-10 different landing pages testing different hooks, angles, and offers — each one targeting a different audience and pain point — you know the bottleneck isn't the ads. It's the pages. Briefing designers, waiting for revisions, paying $2-5K per page. Stitch eliminates the design bottleneck: → Find a high-converting advertorial that's scaling on Meta → Screenshot it and drop it into Stitch (powered by Gemini 3.1) → Stitch redesigns it with your brand's colors, fonts, and imagery using Nano Banana 2 → Edit sections visually — headlines, CTAs, layouts — without touching code → Export the code and paste it into Claude Code → Claude builds the full production site and deploys to Vercel or Netlify in 60 seconds No designer. No $3K per landing page. No Claude Code frontend that looks like a template from 2019. What you get: → Designer-quality landing pages and advertorials built in minutes, not weeks → Visual editing so you actually see the design before you code it → Nano Banana 2 generating on-brand product imagery and hero shots → A repeatable system — new angle, new page, same pipeline Built 100% with Google Stitch 2.0 + Claude Code. I put together a full playbook showing the exact workflow: how to find winning pages, redesign them in Stitch, and deploy with Claude Code. Want it for free? > Like this post > Comment "STITCH" And I'll send it over (must be following so I can DM)
0:14

Claude Code + Google Stitch 2.0 is f*cking cracked 🤯 Google just dropped a free AI design agent that solves Claude Code's biggest weakness: frontend design. One screenshot of a high-converting landing page → a production-ready site for your brand in minutes. All inside Google Stitch + Claude Code. Perfect for DTC brands and agencies who are building advertorial pages and product launch pages for Meta but burning days on designer back-and-forth. If you're running Meta ads and need 5-10 different landing pages testing different hooks, angles, and offers — each one targeting a different audience and pain point — you know the bottleneck isn't the ads. It's the pages. Briefing designers, waiting for revisions, paying $2-5K per page. Stitch eliminates the design bottleneck: → Find a high-converting advertorial that's scaling on Meta → Screenshot it and drop it into Stitch (powered by Gemini 3.1) → Stitch redesigns it with your brand's colors, fonts, and imagery using Nano Banana 2 → Edit sections visually — headlines, CTAs, layouts — without touching code → Export the code and paste it into Claude Code → Claude builds the full production site and deploys to Vercel or Netlify in 60 seconds No designer. No $3K per landing page. No Claude Code frontend that looks like a template from 2019. What you get: → Designer-quality landing pages and advertorials built in minutes, not weeks → Visual editing so you actually see the design before you code it → Nano Banana 2 generating on-brand product imagery and hero shots → A repeatable system — new angle, new page, same pipeline Built 100% with Google Stitch 2.0 + Claude Code. I put together a full playbook showing the exact workflow: how to find winning pages, redesign them in Stitch, and deploy with Claude Code. Want it for free? > Like this post > Comment "STITCH" And I'll send it over (must be following so I can DM)

Mike Futia

126,356 views • 5 months ago

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: 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. 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. 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" 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)" 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. 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. 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. Designers who master prompt engineering in 2026 will ship 10x more than everyone else. P.s. I made a Gameboy for Pokémon. (bookmark this for later)
0:19

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: 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. 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. 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" 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)" 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. 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. 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. Designers who master prompt engineering in 2026 will ship 10x more than everyone else. P.s. I made a Gameboy for Pokémon. (bookmark this for later)

Felix Lee

12,706 views • 8 months ago

We have FINALLY solved how to generate infinite static ads completely on autopilot (including copy) and put them in a Drive folder, with ZERO human intervention necessary: 1. Generate ChatGPT headlines and push them into Google Sheets with Zapier. 2. Create one or several design templates for your brand in using their Canva integration 3. Set up a Zap that pushes your Google Sheet copy into the Switchboard template. It will automatically handle text formatting and centering 4. Auto upload the completed design file into Google Drive with Zapier You can do this with infinite design templates and different sources of copy (website reviews, subreddits, etc) so you ALWAYS have brand new ads READY TO GO, organized in the Drive folder of your choice for someone on your team to review and launch. The copy refreshes weekly in this zap according to your prompt. Comment if you want the SOP document for this that outlines it step-by-step!
0:18

We have FINALLY solved how to generate infinite static ads completely on autopilot (including copy) and put them in a Drive folder, with ZERO human intervention necessary: 1. Generate ChatGPT headlines and push them into Google Sheets with Zapier. 2. Create one or several design templates for your brand in using their Canva integration 3. Set up a Zap that pushes your Google Sheet copy into the Switchboard template. It will automatically handle text formatting and centering 4. Auto upload the completed design file into Google Drive with Zapier You can do this with infinite design templates and different sources of copy (website reviews, subreddits, etc) so you ALWAYS have brand new ads READY TO GO, organized in the Drive folder of your choice for someone on your team to review and launch. The copy refreshes weekly in this zap according to your prompt. Comment if you want the SOP document for this that outlines it step-by-step!

Peter Czepiga

26,109 views • 1 year ago

I CREATED A PRODUCT WITH A MORE HUMAN DESIGN USING Envato #envatochallenge Contra. Instead of relying only on AI, I stepped outside to find inspiration in the real world. I explored different places, captured my own photographs, studied colours, textures, shapes, and details, then combined those real-life elements into a single product design. AI can generate images, but it can't replace the experience of discovering inspiration with your own eyes. Every photo I took became a piece of the final creation, making the product feel authentic, personal, and impossible to recreate through prompts alone. Envato Tools i used for creating this product: Gen Ai - ImageGen - ImageEdit - VideoGen - MusicGen - Mockup Gen Stock - Photo - Videos - Video templates - Luts - Music - Sound Effects - Fonts #HumanByDesign #CreativeProcess #Design #AI
0:09

I CREATED A PRODUCT WITH A MORE HUMAN DESIGN USING Envato #envatochallenge Contra. Instead of relying only on AI, I stepped outside to find inspiration in the real world. I explored different places, captured my own photographs, studied colours, textures, shapes, and details, then combined those real-life elements into a single product design. AI can generate images, but it can't replace the experience of discovering inspiration with your own eyes. Every photo I took became a piece of the final creation, making the product feel authentic, personal, and impossible to recreate through prompts alone. Envato Tools i used for creating this product: Gen Ai - ImageGen - ImageEdit - VideoGen - MusicGen - Mockup Gen Stock - Photo - Videos - Video templates - Luts - Music - Sound Effects - Fonts #HumanByDesign #CreativeProcess #Design #AI

Aymducking

825,145 views • 1 month ago

you can legally steal any viral ugc, rewrite it for your product, and generate it with AI UGC. people are generating photorealistic AI actors that hold real products in their hands and reading scripts that convert like real UGC. Vodafone already ran a full TikTok campaign with AI influencers. same engagement, same conversions, fraction of the cost here's the ugc system anyone can run today: - find a product that hits an emotional pain point (aging skin, insecurity, frustration). one retinol serum video has 8M views and 300k likes with comments begging for the link - download the viral video, transcribe it with Gemini, then feed the transcript + your product + your audience into Claude. it spits out 3 scripts that sound like a friend talking, not an ad - build your actor in any ai ugc platform: filter by age, location, accessories, or generate one from a prompt. nano banana places your exact product in her hand with real lighting and shadows - create two versions of the same actor. no product for the problem hook, product in hand for the solution. that switch is what makes it feel like a real story - use the scenes feature to generate actual application footage: fingertips dabbing serum, circular motions, natural hand movement. not just a talking head - a UGC creator charges $200 to $600 for this exact video. it takes 2 minutes and you can make 10 variations tomorrow the brands winning right now aren't the ones with the biggest budgets. they're the ones testing fastest. reply "ugc" + RT and i'll send you the full video so you can build this too.
0:18

you can legally steal any viral ugc, rewrite it for your product, and generate it with AI UGC. people are generating photorealistic AI actors that hold real products in their hands and reading scripts that convert like real UGC. Vodafone already ran a full TikTok campaign with AI influencers. same engagement, same conversions, fraction of the cost here's the ugc system anyone can run today: - find a product that hits an emotional pain point (aging skin, insecurity, frustration). one retinol serum video has 8M views and 300k likes with comments begging for the link - download the viral video, transcribe it with Gemini, then feed the transcript + your product + your audience into Claude. it spits out 3 scripts that sound like a friend talking, not an ad - build your actor in any ai ugc platform: filter by age, location, accessories, or generate one from a prompt. nano banana places your exact product in her hand with real lighting and shadows - create two versions of the same actor. no product for the problem hook, product in hand for the solution. that switch is what makes it feel like a real story - use the scenes feature to generate actual application footage: fingertips dabbing serum, circular motions, natural hand movement. not just a talking head - a UGC creator charges $200 to $600 for this exact video. it takes 2 minutes and you can make 10 variations tomorrow the brands winning right now aren't the ones with the biggest budgets. they're the ones testing fastest. reply "ugc" + RT and i'll send you the full video so you can build this too.

Sulfur

17,525 views • 2 months ago

I found an AI tool that turns a product image into a viral ugc ad Just upload a single product photo → type a description → Hit generate. What came out looked like a $1000 studio shoot. The feature is called "Product Showcase" and it’s available in Arcads. Here's the exact workflow DTC founders are using: → Go to and open composer → Click "See more" → Select "Product Showcase" → Pick any conversion-optimized template → Upload your product image → Add a short description and hit generate These templates are already optimized for 9:16 TikTok and Meta ads. Ready to publish the second they render. While competitors wait 2 weeks for influencer content and $500/clip, smart advertisers are testing 10 variations before lunch for pennies. Same quality. 1% of the cost. Zero delays. I am giving away a step-by-step guide to build an n8n automation that can create unlimited viral ads with Arcads. To get access, like + comment “arcads” and I’ll send it to you.
0:12

I found an AI tool that turns a product image into a viral ugc ad Just upload a single product photo → type a description → Hit generate. What came out looked like a $1000 studio shoot. The feature is called "Product Showcase" and it’s available in Arcads. Here's the exact workflow DTC founders are using: → Go to and open composer → Click "See more" → Select "Product Showcase" → Pick any conversion-optimized template → Upload your product image → Add a short description and hit generate These templates are already optimized for 9:16 TikTok and Meta ads. Ready to publish the second they render. While competitors wait 2 weeks for influencer content and $500/clip, smart advertisers are testing 10 variations before lunch for pennies. Same quality. 1% of the cost. Zero delays. I am giving away a step-by-step guide to build an n8n automation that can create unlimited viral ads with Arcads. To get access, like + comment “arcads” and I’ll send it to you.

Beginnersblog

67,120 views • 8 months ago

a lot of visual identities fall apart the moment you remove the logo. so here’s friendly advice I wish someone drilled into me earlier: run every visual identity through the Three-Post Test. What is it? Design three social media posts in the new visual identity. (btw, you can now easily design and export social media assets directly in Framer) Or, design three posters. (a tip that Jessica Strelioff’s also recently shared!) Then, the important step: remove the logo. Now, look at them like a stranger would. If you’re trying to get out of junior design mode — ask yourself: 1. without the logo, do these three posts still obviously belong together? Follow up with: 2. can I easily point to repeating rules (layout, type behavior, spacing, color logic, ...)? 3. could another designer easily continue this system without me in the room? If you answer 1. no 2. nope 3. uhmmm, not sure then you’re in trouble. If the logo disappears and the connection goes with it, that’s your signal: you don’t have a visual system yet, just three nice visual pieces. maybe a very nice logo, too. So, run this test early, save yourself time later.
0:17

a lot of visual identities fall apart the moment you remove the logo. so here’s friendly advice I wish someone drilled into me earlier: run every visual identity through the Three-Post Test. What is it? Design three social media posts in the new visual identity. (btw, you can now easily design and export social media assets directly in Framer) Or, design three posters. (a tip that Jessica Strelioff’s also recently shared!) Then, the important step: remove the logo. Now, look at them like a stranger would. If you’re trying to get out of junior design mode — ask yourself: 1. without the logo, do these three posts still obviously belong together? Follow up with: 2. can I easily point to repeating rules (layout, type behavior, spacing, color logic, ...)? 3. could another designer easily continue this system without me in the room? If you answer 1. no 2. nope 3. uhmmm, not sure then you’re in trouble. If the logo disappears and the connection goes with it, that’s your signal: you don’t have a visual system yet, just three nice visual pieces. maybe a very nice logo, too. So, run this test early, save yourself time later.

charlota

37,583 views • 7 months ago