Handmade

drop-in visual editor canvas on top your react apps. design the real thing.

[Handmade @handmade_ui]

We are building a new kind of design tools. One that led everyone to work on the real thing.

[Handmade @handmade_ui]

auto detect components in the next version of handmade

[Handmade @handmade_ui]

the dev is locked in 🔒

[Reza Ilmi @rezailmi]

I strongly feel the recent replit launch is a validation to what I believe the next design + build tools look like.

I think it should work with other existing tools too, it should enable collaborations not only within designers but also designers + engineers + product builders.

The design control should feel natural, not only canvas but ability to tweak the fine details. Direct manipulation with agents.

Can't wait to show what we are building soon.

[Reza Ilmi @rezailmi]

https://t.co/WaTF1Tlclo

[Handmade @handmade_ui]

@sunalsood checkout what we are building, a new kind of workflows requires a new kind of tools

[Wondo @Wondopamine]

We built this tool for ourselves — the ones who care about M-dash and who feel sad when the details we carefully crafted get deprioritised.

Now we don’t wait for backlog #1031 to resurface during sprint planning. We don’t pray that the AI picks up the exact padding either.

[Handmade @handmade_ui]

dev has been on shipping streak

[Reza Ilmi @rezailmi]

I built a design tool (as a designer) that fits how I actually work. Fast software isn't enough. Here's what I think a new kind of design tool needs to help us build quality software:

https://t.co/vWsUgOh40q

[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

[Handmade @handmade_ui]

@OmriBuilds drop-in visual editor for react https://t.co/DMc1dc4GZ9

[Handmade @handmade_ui]

@TTrimoreau Building the drop in visual editor to design on your codebase https://t.co/DMc1dc4GZ9

[Handmade @handmade_ui]

@anything beautiful 😍

[Handmade @handmade_ui]

Make way

[Handmade @handmade_ui]

We are building a new kind of design tools. One that led everyone to work on the real thing.

[Reza Ilmi @rezailmi]

Bringing ios 7 aesthetic back. Background blur on main container, thin icon stroke.

[Reza Ilmi @rezailmi]

@Wondopamine Another of my personal favorite things about designing with Handmade: measuring spacing and drawing guidelines directly on top of your real web app. You can't fix what you can't measure.

[Reza Ilmi @rezailmi]

@Wondopamine Here's a closer look at the design workflow, and what the exported spec looks like

[Reza Ilmi @rezailmi]

Designers, this one is for you.

Introducing Handmade: a visual editor that drops into any React app so you can design the real thing.

AI agents can get you from 0 to 80% fast. The last 20% is where your craft shows.

Select any element, measure spacing, edit text, adjust layout, all visually, on your live app. Then export your changes as a spec any AI coding tool can use.

Add to your React app today:
npx made-refine init

Or try the demo: https://t.co/5uyn9ZJECz