正在加载视频...

视频加载失败

I made Figma, but everything is text. Create a quick wireframe, export as markdown, and chuck it into Claude. Try it out at

85,603 次观看 • 8 个月前 •via X (Twitter)

47 条评论

Daniel Howells 的头像
Daniel Howells8 个月前

In using it so far, Claude Code understands what I want from a layout far quicker and more precisely than an image. It's fascinating how the new interchangeable protocol became..... markdown.

Kevin Twohy 的头像
Kevin Twohy8 个月前

@figma @claudeai

Daniel Howells 的头像
Daniel Howells8 个月前

@figma @claudeai there you go! So far in quite a few cases, I've got to claude understanding what I want with a markdown wire far far quicker than an image

Michaël Ménard 的头像
Michaël Ménard8 个月前

@figma @claudeai That's also really nice to design TUI...!? @ratatui_rs @orhundev

Daniel Howells 的头像
Daniel Howells8 个月前

@figma @claudeai @ratatui_rs @orhundev That's the plan, but it's just version 0.0.1. One day @nateparrott might use it to design Claude Code.

Scotty Matthewman 的头像
Scotty Matthewman8 个月前

@figma @claudeai This is balsamiq

Daniel Howells 的头像
Daniel Howells8 个月前

@figma @claudeai the OG

James Chambers 的头像
James Chambers8 个月前

@figma @claudeai Oh bravo

Disky.eth 的头像
Disky.eth8 个月前

@figma @claudeai Also using nodes? I also made a @Figma client including Agent/MCP, and basically better shadows and mesh gradients haha

Alexander Hoff ❍ 的头像
Alexander Hoff ❍8 个月前

@figma @claudeai holy shit. what a banger idea!

Neil 的头像
Neil8 个月前

@figma @claudeai Looks cool

warmarc 的头像
warmarc8 个月前

@figma @claudeai Will try this ❤️

Yamparala Rahul 的头像
Yamparala Rahul8 个月前

@figma @claudeai Perfect, a heavy need of this. Was doing this on Figma.

Daniel Howells 的头像
Daniel Howells8 个月前

@figma @claudeai ha nice!

uistacy 的头像
uistacy8 个月前

@figma @claudeai This is a brilliant idea 💡 kudos 🎉

Gaddafi Rusli 的头像
Gaddafi Rusli8 个月前

Great idea. Definitely beat writing the dashes manually haha. will try it with Cursor too. thanks!

Noname Oni ツ 🇺🇦 的头像
Noname Oni ツ 🇺🇦8 个月前

@figma @claudeai I don't know how design tools will look like in the future, but this one should be the kind for current workflows with CLI agents

abuah 的头像
abuah8 个月前

@figma @claudeai this is amazing!

Himanshu Kumar 的头像
Himanshu Kumar8 个月前

@figma @claudeai @howells, that's a clever workflow for quickly prototyping with text,.

Yaro 的头像
Yaro8 个月前

@figma @claudeai Looks awesome! Will give it a try. Great job

maddada • ghostex.dev 的头像
maddada • ghostex.dev8 个月前

@figma @claudeai It's awesome! Would love more frequently used elements. Selections for a dropdown and other components from shadcn for example.

Daniel Howells 的头像
Daniel Howells8 个月前

@figma @claudeai early days! But love the idea of getting to shadcn parity

Kevin Twohy 的头像
Kevin Twohy8 个月前

@figma @claudeai Very interesting

Adrian Weynfeld 的头像
Adrian Weynfeld7 个月前

@figma @claudeai This is fantastic! Merci

Admire The Web 的头像
Admire The Web8 个月前

@figma @claudeai Nice— this is annoying though for people that force scrollbars. Simply CSS fix.

Doug Lance 的头像
Doug Lance8 个月前

@figma @claudeai but can claude use it??

Daniel Howells 的头像
Daniel Howells8 个月前

@figma @claudeai I'd love to try and make an api for claude (or anything) to use, to write a wireframe and allow you to edit it.

Doug Lance 的头像
Doug Lance8 个月前

@figma @claudeai If you have an api, it's easy to do

Patrick Morgan 的头像
Patrick Morgan8 个月前

@figma @claudeai Cool idea! I often find the text sketches Claude provides to me in its plans helpful and I'll return the favor by sharing a visual riff. Basically just the two ways I'd communicate my idea to another person: tell them with words or show them a picture.

Sangam Pandey 的头像
Sangam Pandey8 个月前

@figma @claudeai Love it can I access?

Daniel Howells 的头像
Daniel Howells8 个月前

@figma @claudeai it's right there

Michael P. 的头像
Michael P.8 个月前

@figma @claudeai Monosketch was on the orange site front page yesterday

Ddox 的头像
Ddox8 个月前

@figma @claudeai what I am doing wrong? only half the screen is working

Gianni 的头像
Gianni8 个月前

@figma @claudeai That’s fucking Genius !

RobIW 的头像
RobIW8 个月前

@figma @claudeai this looks brilliant why not make an interpreter that just reads a figma layout(layers etc) that translates it into markdown? no need to learn a new tool and it integrates into any existing workflow the user has? I could just be stupid and miss something really obvious

Nara 的头像
Nara8 个月前

@figma @claudeai nice, will add that to my toolbox!

Benji Taylor 的头像
Benji Taylor8 个月前

@figma @claudeai love it

Daniel Howells 的头像
Daniel Howells8 个月前

@figma @claudeai ❤️

nutbeen 的头像
nutbeen8 个月前

@figma @claudeai Contact us should be 'Woof' – but this is dope

Daniel Howells 的头像
Daniel Howells8 个月前

true dammit, this is why ux is hard

Marchen 的头像
Marchen8 个月前

@figma @claudeai markdown beats images for ai understanding makes total sense. no ambiguity about what element is what

Brendan 的头像
Brendan8 个月前

@figma @claudeai My guy

Adam 的头像
Adam8 个月前

@figma @claudeai This is hilarious!

Daniel Howells 的头像
Daniel Howells8 个月前

@figma @claudeai hey it's serious enterprise software!

Adam 的头像
Adam8 个月前

@figma @claudeai Oh sorry, I didn't mean to be rude! That's exactly what I was looking for! I'll include it in the next issue of Thanks for that!

Daniel Howells 的头像
Daniel Howells8 个月前

@figma @claudeai I'm extremely joking. I started it as a joke but.... I'm using it a lot lol.

seeyuh✌️ 的头像
seeyuh✌️8 个月前

@figma @claudeai Dm me Let’s make a library and agent handoff seamless

相关视频