Loading video...

Video Failed to Load

Go Home

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

85,607 views • 8 months ago •via X (Twitter)

47 Comments

Daniel Howells's profile picture
Daniel Howells8 months ago

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's profile picture
Kevin Twohy8 months ago

@figma @claudeai

Daniel Howells's profile picture
Daniel Howells8 months ago

@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's profile picture
Michaël Ménard8 months ago

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

Daniel Howells's profile picture
Daniel Howells8 months ago

@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's profile picture
Scotty Matthewman8 months ago

@figma @claudeai This is balsamiq

Daniel Howells's profile picture
Daniel Howells8 months ago

@figma @claudeai the OG

James Chambers's profile picture
James Chambers8 months ago

@figma @claudeai Oh bravo

Disky.eth's profile picture
Disky.eth8 months ago

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

Alexander Hoff ❍'s profile picture
Alexander Hoff ❍8 months ago

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

Neil's profile picture
Neil8 months ago

@figma @claudeai Looks cool

warmarc's profile picture
warmarc8 months ago

@figma @claudeai Will try this ❤️

Yamparala Rahul's profile picture
Yamparala Rahul8 months ago

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

Daniel Howells's profile picture
Daniel Howells8 months ago

@figma @claudeai ha nice!

uistacy's profile picture
uistacy8 months ago

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

Gaddafi Rusli's profile picture
Gaddafi Rusli8 months ago

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

Noname Oni ツ 🇺🇦's profile picture
Noname Oni ツ 🇺🇦8 months ago

@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's profile picture
abuah8 months ago

@figma @claudeai this is amazing!

Himanshu Kumar's profile picture
Himanshu Kumar8 months ago

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

Yaro's profile picture
Yaro8 months ago

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

maddada • ghostex.dev's profile picture
maddada • ghostex.dev8 months ago

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

Daniel Howells's profile picture
Daniel Howells8 months ago

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

Kevin Twohy's profile picture
Kevin Twohy8 months ago

@figma @claudeai Very interesting

Adrian Weynfeld's profile picture
Adrian Weynfeld7 months ago

@figma @claudeai This is fantastic! Merci

Admire The Web's profile picture
Admire The Web8 months ago

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

Doug Lance's profile picture
Doug Lance8 months ago

@figma @claudeai but can claude use it??

Daniel Howells's profile picture
Daniel Howells8 months ago

@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's profile picture
Doug Lance8 months ago

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

Patrick Morgan's profile picture
Patrick Morgan8 months ago

@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's profile picture
Sangam Pandey8 months ago

@figma @claudeai Love it can I access?

Daniel Howells's profile picture
Daniel Howells8 months ago

@figma @claudeai it's right there

Michael P.'s profile picture
Michael P.8 months ago

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

Ddox's profile picture
Ddox8 months ago

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

Gianni's profile picture
Gianni8 months ago

@figma @claudeai That’s fucking Genius !

RobIW's profile picture
RobIW8 months ago

@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's profile picture
Nara8 months ago

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

Benji Taylor's profile picture
Benji Taylor8 months ago

@figma @claudeai love it

Daniel Howells's profile picture
Daniel Howells8 months ago

@figma @claudeai ❤️

nutbeen's profile picture
nutbeen8 months ago

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

Daniel Howells's profile picture
Daniel Howells8 months ago

true dammit, this is why ux is hard

Marchen's profile picture
Marchen8 months ago

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

Brendan's profile picture
Brendan8 months ago

@figma @claudeai My guy

Adam's profile picture
Adam8 months ago

@figma @claudeai This is hilarious!

Daniel Howells's profile picture
Daniel Howells8 months ago

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

Adam's profile picture
Adam8 months ago

@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's profile picture
Daniel Howells8 months ago

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

seeyuh✌️'s profile picture
seeyuh✌️8 months ago

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

Related Videos