Documents

Welcome

Introducing

Why Misaki Studio

Compare

Start Here

Learn

Workflows

Export & Ship

AI & MCP

Questions & Answers

Reference

Troubleshooting

Examples

Documents

Design, animate and wire real logic on a canvas — then export React you can ship. Start wherever you are.

Evaluating

Why Misaki Studio

What problem it removes, who it suits, and how it compares.

Ready to build

Start Here

Sign in, draw a component, export React you can run.

Using an AI agent

AI & Agents

Connect over MCP and let an agent drive the whole tool.

Create Button + Export Code.

Play

Preview

Build Slider.

Play

Preview

Design System.

Play

Preview

Timeline Animation.

Play

Preview

Full Editor Tour.

Play

Preview

Landing Page + MCP.

Play

Preview

Logic.

Play

Preview