Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.

MengTo's profile picture

Meng To

170,806 subscribers

87,796 Aufrufe • vor 1 Monat •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

I made a super visual page for all the DESIGN.md we generate. 564 of them and more coming out every day. You can grab the design systems, web design skill prompts and HTML pages.
0:38

I made a super visual page for all the DESIGN.md we generate. 564 of them and more coming out every day. You can grab the design systems, web design skill prompts and HTML pages.

Meng To

74,460 Aufrufe • vor 1 Monat

Combine ChatGPT Images 2.0 and Claude Design. Create a design brief with ChatGPT in the style that you'd like. Bring that image into Claude Design to make it functional. You can edit the fonts, colors, images and styles referencing the design you've built. Here's how:
0:51

Combine ChatGPT Images 2.0 and Claude Design. Create a design brief with ChatGPT in the style that you'd like. Bring that image into Claude Design to make it functional. You can edit the fonts, colors, images and styles referencing the design you've built. Here's how:

Jerrod Lew

36,749 Aufrufe • vor 1 Monat

Cursor's new browser + element annotation turns it into a design studio. Meet Cursor Design 🎨 — Claude Design, running locally. Describe a screen → get polished HTML → click any element in the preview & say what to change. Best w/ Opus 4.8. npx skills add JimLiu/baoyu-design
2:02

Cursor's new browser + element annotation turns it into a design studio. Meet Cursor Design 🎨 — Claude Design, running locally. Describe a screen → get polished HTML → click any element in the preview & say what to change. Best w/ Opus 4.8. npx skills add JimLiu/baoyu-design

宝玉

212,842 Aufrufe • vor 6 Tagen

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇
0:33

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇

Stitch by Google

193,829 Aufrufe • vor 1 Monat

Cursor for Design? This Claude Code UI workflow is insane And many vibe coders not aware of it: 1. Claude Code can assign parallel tasks to sub agents 2. Integrate with git worktree to create sandbox env This means you can get Claude Code generate 10 design at the same time, fork & iterate 🔁 Design is an explorative process, by leveraging sub agent + parallel task capabilities, many interesting product UX can be built; Also turned this workflow into an open-source IDE extension here:
16:38

Cursor for Design? This Claude Code UI workflow is insane And many vibe coders not aware of it: 1. Claude Code can assign parallel tasks to sub agents 2. Integrate with git worktree to create sandbox env This means you can get Claude Code generate 10 design at the same time, fork & iterate 🔁 Design is an explorative process, by leveraging sub agent + parallel task capabilities, many interesting product UX can be built; Also turned this workflow into an open-source IDE extension here:

Jason Zhou

40,635 Aufrufe • vor 11 Monaten

New in the Stitch Vibe Design launch: DESIGN.md Design consistency specified. Stitch generates design systems and a markdown specification you can export.
0:22

New in the Stitch Vibe Design launch: DESIGN.md Design consistency specified. Stitch generates design systems and a markdown specification you can export.

David East

91,013 Aufrufe • vor 2 Monaten

Claude design is cool but nobody is talking about how Gemini 3.1 Pro is a beast at motion design Only one prompt to turn an HTML into motion graphics
0:57

Claude design is cool but nobody is talking about how Gemini 3.1 Pro is a beast at motion design Only one prompt to turn an HTML into motion graphics

Meng To

63,302 Aufrufe • vor 1 Monat

My favorite Claude design hack right now: Create a prototype.md skill. Instead of one-shotting UI, I have Claude generate 5 variations for every feature in a single HTML file, side-by-side. I pick the winner. Claude builds it.
0:20

My favorite Claude design hack right now: Create a prototype.md skill. Instead of one-shotting UI, I have Claude generate 5 variations for every feature in a single HTML file, side-by-side. I pick the winner. Claude builds it.

Brett

160,956 Aufrufe • vor 5 Tagen

Made this 30 second video of Claude Design just by pasting in the Claude Design blog post and some tweets from Anthropic employees Kinda speechless.
0:32

Made this 30 second video of Claude Design just by pasting in the Claude Design blog post and some tweets from Anthropic employees Kinda speechless.

Peter Yang

421,325 Aufrufe • vor 1 Monat

Design lead for Claude: The design role is being split into two distinct modes.
0:59

Design lead for Claude: The design role is being split into two distinct modes.

Lenny Rachitsky

129,212 Aufrufe • vor 3 Monaten

great idea by Benji Taylor. i just added this into the design-plugin. claude will ask you what you want to design/refine and generate 5 variations. then you can leave comments directly on the elements for claude. 🔗
0:21

great idea by Benji Taylor. i just added this into the design-plugin. claude will ask you what you want to design/refine and generate 5 variations. then you can leave comments directly on the elements for claude. 🔗

0xDesigner

50,444 Aufrufe • vor 4 Monaten

This is how a top designer uses Claude as a design partner Every designer should copy this AI workflow to improve their designs Especially solo designers at startups or designers working on small teams because they don't have the luxury of weekly design critiques or colleagues available to give them immediate design feedback 👀 Watch the full interview on Sneak Peek: Hammed shows how the Jump design team uses Claude as a design thought partner to improve Figma designs👇
2:35

This is how a top designer uses Claude as a design partner Every designer should copy this AI workflow to improve their designs Especially solo designers at startups or designers working on small teams because they don't have the luxury of weekly design critiques or colleagues available to give them immediate design feedback 👀 Watch the full interview on Sneak Peek: Hammed shows how the Jump design team uses Claude as a design thought partner to improve Figma designs👇

Jayneil Dalal

82,089 Aufrufe • vor 8 Monaten

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇
0:36

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇

Anima

1,228,356 Aufrufe • vor 1 Monat

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.
0:33

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Claude

2,593,906 Aufrufe • vor 8 Monaten

Claude Design is f*cking ridiculous 🤯 Claude Design now lets DTC brands and agencies rebuild any high-performing email — logo, hero, headline, CTA button, comparison table, brand colors — in 20 minutes. One reference email + a pre-loaded brand design system + a structured prompt = a finished, on-brand email you can preview as HTML. All inside Claude Design. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month to design flows that take 2 weeks to ship. If you're sitting on a welcome series, abandoned cart, and post-purchase flow that hasn't been touched in 6 months because the design lift is too painful... This workflow eliminates the entire bottleneck: → Build a design system in Claude Design once (brand colors, fonts, logo, button styling) → Upload a screenshot of any email you want to rebuild as your reference → Use Claude to write a structured prompt that maps every section top-to-bottom (promo bar, logo, headline, CTA, hero, body, table, footer) → Drop the reference image + the prompt into Claude Design at high fidelity → Iterate inline — swap the hero image, fix button styling, color-pick brand colors directly from the original No briefing a designer. No waiting 2 weeks for V1. No paying an agency $4K/month for 4 emails. What you get: → Win-back, welcome, abandoned cart, and post-purchase emails designed in under an hour each → A reusable brand design system that every new email pulls from automatically → Full inline editing — fonts, colors, buttons, images all editable in the canvas → HTML preview ready to hand off to your ESP Built 100% in with Claude Design. I put together a full playbook showing the design system setup, the exact structured prompt format, and the inline editing workflow. Want it for free? > Like this post > Comment "DESIGN" And I'll send it over (must be following so I can DM)
0:36

Claude Design is f*cking ridiculous 🤯 Claude Design now lets DTC brands and agencies rebuild any high-performing email — logo, hero, headline, CTA button, comparison table, brand colors — in 20 minutes. One reference email + a pre-loaded brand design system + a structured prompt = a finished, on-brand email you can preview as HTML. All inside Claude Design. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month to design flows that take 2 weeks to ship. If you're sitting on a welcome series, abandoned cart, and post-purchase flow that hasn't been touched in 6 months because the design lift is too painful... This workflow eliminates the entire bottleneck: → Build a design system in Claude Design once (brand colors, fonts, logo, button styling) → Upload a screenshot of any email you want to rebuild as your reference → Use Claude to write a structured prompt that maps every section top-to-bottom (promo bar, logo, headline, CTA, hero, body, table, footer) → Drop the reference image + the prompt into Claude Design at high fidelity → Iterate inline — swap the hero image, fix button styling, color-pick brand colors directly from the original No briefing a designer. No waiting 2 weeks for V1. No paying an agency $4K/month for 4 emails. What you get: → Win-back, welcome, abandoned cart, and post-purchase emails designed in under an hour each → A reusable brand design system that every new email pulls from automatically → Full inline editing — fonts, colors, buttons, images all editable in the canvas → HTML preview ready to hand off to your ESP Built 100% in with Claude Design. I put together a full playbook showing the design system setup, the exact structured prompt format, and the inline editing workflow. Want it for free? > Like this post > Comment "DESIGN" And I'll send it over (must be following so I can DM)

Mike Futia

31,374 Aufrufe • vor 28 Tagen

Turn any website into an AI-readable design system. Here's how: Google recently introduced the DESIGN.md specification: a file that helps AI agents understand a product’s design system. So we built a free tool for designers. Paste any website URL and Masumi’s DESIGN.md Generator extracts the brand’s colors, typography, components, spacing, and visual rules into an editable DESIGN.md file. Your designer can review it, tweak it, and hand it to Claude Code, Cursor, Codex, or any AI coding agent so the generated UI stays on-brand. Links below
3:30

Turn any website into an AI-readable design system. Here's how: Google recently introduced the DESIGN.md specification: a file that helps AI agents understand a product’s design system. So we built a free tool for designers. Paste any website URL and Masumi’s DESIGN.md Generator extracts the brand’s colors, typography, components, spacing, and visual rules into an editable DESIGN.md file. Your designer can review it, tweak it, and hand it to Claude Code, Cursor, Codex, or any AI coding agent so the generated UI stays on-brand. Links below

albina

22,526 Aufrufe • vor 1 Monat

I used Claude Design to explain what’s happening to your Claude subscription. Or at least I tried 🤷🏻‍♀️
5:36

I used Claude Design to explain what’s happening to your Claude subscription. Or at least I tried 🤷🏻‍♀️

claire vo 🖤

43,124 Aufrufe • vor 1 Monat

This design manager vibe coded a Figma plugin with Claude Code in 40 mins to save $2000 per project Every designer should take an inspiration from this and leverage AI to automate boring parts of their design work 👀 Watch the full interview on Sneak Peek: Hammed shows how the Jump design team uses Claude to create custom Figma plugins 👇
1:33

This design manager vibe coded a Figma plugin with Claude Code in 40 mins to save $2000 per project Every designer should take an inspiration from this and leverage AI to automate boring parts of their design work 👀 Watch the full interview on Sneak Peek: Hammed shows how the Jump design team uses Claude to create custom Figma plugins 👇

Jayneil Dalal

65,907 Aufrufe • vor 8 Monaten

Just dropped a 2 hour Claude Design masterclass where I go from nothing, to a brand with guidelines, a pitch deck, landing page, mobile app prototype, and a launch video. All built in Claude Design.
1:54

Just dropped a 2 hour Claude Design masterclass where I go from nothing, to a brand with guidelines, a pitch deck, landing page, mobile app prototype, and a launch video. All built in Claude Design.

Nate Herk

266,870 Aufrufe • vor 1 Monat

Claude Code now designs my mobile apps. Just added one skill and now I vibe design and code from the terminal. Here's the exact workflow I use:
5:47

Claude Code now designs my mobile apps. Just added one skill and now I vibe design and code from the terminal. Here's the exact workflow I use:

Mattia

42,908 Aufrufe • vor 2 Monaten