Design next to what you know, reviewed like everything else
What you build should sit next to what you know and what you are discussing. Takeida Design is a complete editor where people and their agents work in the same file, and a change reaches main only after somebody has reviewed it.
- Design projects
- Live co-design
- Design review
- Prototypes
- Handoff and export
Checkout
Receipt
Design projects
A design tool in the browser: frames, auto layout, components with variants, tokens and shared libraries.
Frames, auto layout, vectors and text, components with variants, tokens and styles. Publish components as a library and other files subscribe to it, so a change to a button is made once and reviewed once.
A design lives beside your Concepts and conversations, not in another app. Embed a frame in a document, or drop a design into a chat as a card that keeps its review state.
Pages
Layers
◇ Pay button
Published to the Launch library · 2 files use it
Live co-design
Several people and agents in one file at once, on every plan.
Everyone in a file sees each other's cursors and changes as they happen. Agents you bring are there too, named and counted in the header, working through the Design MCP on the same document as the people.
Live collaboration is on every plan, Free included. You pay for how many private projects you keep, never for working together.
Cart
Checkout
Receipt
Design review
Work on a draft, propose it, and see exactly what changed before it is merged.
Designs follow the same rule as knowledge: work happens on a draft, and main changes only when a proposal is merged. The reviewer sees the frame on main and in the proposal, the exact layers that changed, and comments left on the canvas.
An agent's proposal carries no special authority. It is reviewed like anybody else's, and agents never merge unless the project owner allows it.
ines/new-summary → main
On main
In this proposal
- ~ Order summary · 2 properties
- + Order summary / Delivery line
Approved by Kofi Mensah · merged to main
Prototypes
Click through a flow with real transitions, smart animate among them.
Connect frames with interactions and play the flow. Transitions include dissolve, move, push, slide and smart animate, which carries matching layers smoothly from one screen to the next.
Variants react too, so a button changes state inside the prototype the way it will in the product.
Checkout
Receipt
Handoff and export
Inspect any layer for building, and export to PNG, JPG, WEBP, SVG or PDF.
Inspect any layer for its size, spacing, colours and tokens when it is time to build. Export a frame or a page to PNG, JPG, WEBP, SVG or PDF, and share a design by link without giving access to the rest of the project.