Reza Ilmi

designer + engineer. building @handmade_ui, design directly on your react app.

[Reza Ilmi @rezailmi]

We've been using this in our own workflow at work. Fundamentally, we built this for ourselves.

The design tool we want needs to cover 3 core workflows:

1. Direct Manipulation: Design on your real app instead of going back and forth with a separate canvas tool.
2. Intent-Aware Agents: AI that applies your design edits and understands whether you're working at the component or page level.
3. Designer-friendly Git: We think it will be easier if everyone use the same collaboration tool: Git. But it needs to make Git intuitive for designers with auto commits, PRs, and workspaces.

[Reza Ilmi @rezailmi]

after talking to several designers, most of them are still scared of using terminal interfaces

so building the chat wrapper on top of the claude code terminal for @handmade_ui mac app today

[Brian Chew @brianchew]

@itsnotchester from @mobbin invited me to a demo night with one rule: no slides / no polish needed.

@rubanlah, @soontiago, @rezailmi, @oneshortnote, @elston_ayx, @eggsvans, @woshiqijie, and edwina showed up with weird little things they cared enough to build.

recap thread 🧵👇

[Brian Chew @brianchew]

@rezailmi demo’ed @handmade_ui, which felt like framer energy pointed more directly at product design and real working interfaces.

the interesting bit for me was the attempt to bring the messy workspace of designing, coding, and iterating closer together.

ps: can’t wait for when i can use a codex sub with @handmade_ui 🫶

[Reza Ilmi @rezailmi]

@emilkowalski beautiful, need to rewatch it in slow motion and learn how you did it

[Reza Ilmi @rezailmi]

seeing demo video without that screen studio zooming effect is quite refreshing tbh

[David Hill @iamdavidhill]

we’ve been busy redesigning the desktop app from the ground up

the beta taught us a lot

most importantly, that left sidebars suck

hello tabs 🔊

[Reza Ilmi @rezailmi]

@benjaminnathan @jornvandijk ooh this so fresh! love it

[Reza Ilmi @rezailmi]

seems like sharing is only available with a team plan right now

[Reza Ilmi @rezailmi]

so markdown is the new prd
html is the new design file
everything after it will be react

[Claude @claudeai]

Introducing Claude Design by Anthropic Labs: make prototypes, slides, and one-pagers by talking to Claude.

Powered by Claude Opus 4.7, our most capable vision model. Available in research preview on the Pro, Max, Team, and Enterprise plans, rolling out throughout the day.

[Reza Ilmi @rezailmi]

@seek____null more of this please

[Reza Ilmi @rezailmi]

@Gavmn

[Reza Ilmi @rezailmi]

@ayushsoni_io i’m bookmarking your bookmarks

[Reza Ilmi @rezailmi]

@arieare yes i’m ready for more haptic and “feels” across the rest of the app

[Reza Ilmi @rezailmi]

the new sidebar on this app feels so so good

[Reza Ilmi @rezailmi]

Design and build, on the same canvas

[Reza Ilmi @rezailmi]

@m1guelpf yes! it extracts the components context and edits intent for the built-in agent to implement

[Reza Ilmi @rezailmi]

We've been using this in our own workflow at work. Fundamentally, we built this for ourselves.

The design tool we want needs to cover 3 core workflows:

1. Direct Manipulation: Design on your real app instead of going back and forth with a separate canvas tool.
2. Intent-Aware Agents: AI that applies your design edits and understands whether you're working at the component or page level.
3. Designer-friendly Git: We think it will be easier if everyone use the same collaboration tool: Git. But it needs to make Git intuitive for designers with auto commits, PRs, and workspaces.

[Reza Ilmi @rezailmi]

after talking to several designers, most of them are still scared of using terminal interfaces

so building the chat wrapper on top of the claude code terminal for @handmade_ui mac app today

[Reza Ilmi @rezailmi]

@paularambles stealing this

[Reza Ilmi @rezailmi]

@rzkirdha will be eventually! refining the core experience for react first :)

[Reza Ilmi @rezailmi]

Improved agent chat available now in latest version of handmade

> Better rendered code blocks
> Connected canvas in the real app

[Reza Ilmi @rezailmi]

@m1guelpf hi! 👋🏼

building the design tool and canvas on top of your real web apps! https://t.co/FDgcxbwMLA

[Reza Ilmi @rezailmi]

We've been using this in our own workflow at work. Fundamentally, we built this for ourselves.

The design tool we want needs to cover 3 core workflows:

1. Direct Manipulation: Design on your real app instead of going back and forth with a separate canvas tool.
2. Intent-Aware Agents: AI that applies your design edits and understands whether you're working at the component or page level.
3. Designer-friendly Git: We think it will be easier if everyone use the same collaboration tool: Git. But it needs to make Git intuitive for designers with auto commits, PRs, and workspaces.

[Reza Ilmi @rezailmi]

@benjitaylor @elonmusk @nikitabier wow! congrats!

[Reza Ilmi @rezailmi]

@poetengineer__ I see kat's work on my timeline, i click like ❤️