Design software for
real web apps
Point at your running app, select any element, and redesign it live — colors, type, layout, whole components. Every change maps back to code.
17 design systems, ~500 accurate components, built in
From running app to shipped design
No mockups, no redlines, no handoff drift — you design on the real thing.
Open your app
Point the Studio at any project — React, Next.js, Vue, Svelte, or plain HTML. It boots your dev server and renders the live app on the canvas.
Design directly on it
Click to select, drag to move, pull handles to resize. Restyle with the inspector, drop in components, or just tell the copilot what you want.
Ship it as code
Every edit is tracked against real selectors. Export clean CSS or a JSON changeset and commit it like any other change.
Everything between design and code
A visual editor that works on your actual application.
Live element editing
Click any element in your running app and restyle it instantly — drag to move, resize with handles, round corners, and edit text in place with snapping guides.
17 design systems
Drop in accurate components from Material, Fluent, Carbon, shadcn/ui, Ant, Bootstrap, and more — or import and share your own design system.
Design copilot
Tell it what you want — “make it a primary button”, “dark mode”, “add 3 cards at the top”. Works fully offline, or wired to your own model.
Device simulation
Preview your design at real iPhone, iPad, and desktop viewport sizes — media queries and all — no matter how big your editor window is.
History & variants
Every change is tracked. Undo, redo, revert to any point in the timeline, and explore side-by-side design variants of the same screen.
Export as code
Ship your edits as clean CSS or JSON changesets that map directly back to the selectors in your codebase — plus 10 production-grade page templates to start from.
Downloads
Version —. All builds are code-signed, and macOS builds are notarized by Apple. Verify your download with the SHA-256 checksums below.
Secure downloads
Three layers make sure the app you install is the app we built.
1 · Signed & notarized
Every macOS build is code-signed with a Developer ID certificate and notarized by Apple, so Gatekeeper verifies it before it ever runs. Confirm it yourself:
spctl -a -vv "/Applications/Design Engineer Studio.app"
2 · HTTPS only
Downloads and the update feed are served exclusively over HTTPS from this domain. The app refuses to check for updates or open download links over insecure connections.
3 · Published checksums
Each release ships with SHA-256 checksums (listed above). After downloading, compare the hash — it must match exactly:
shasum -a 256 ~/Downloads/DesignEngineerStudio-*.dmg
The ultimate place to design functional apps
Local-first, offline-capable, and free. Your projects and edits never leave your machine.