You have built a component and exported it as working React. That is the whole loop — everything from here is depth.
Two routes, depending on what you are doing next. Most people eventually read both, because in Misaki Studio the same person usually does both jobs.
Go deeper into the canvas and make what you build reusable.
Design — layout, sizing, fills, borders, effects, and the style panel in full.
Animate — timelines and keyframes, and what makes them play.
Responsive screens — one tree, several breakpoints.
Design system — colors, type and spacing as tokens, so a change lands everywhere at once.
Components — variants, properties and slots: how one component serves many cases.
Go deeper into the code that comes out, and how it fits your app.
How export works — what maps to what, and why the output looks the way it does.
Export output — the exact shape of the generated files and the component signature.
Add logic — properties, states and events, so the component arrives with its behavior built in.
Connect to MCP — point an AI agent at your projects and let it build and export alongside you.
Share a project — invite collaborators and manage access.
Publish a site — put pages on the internet.
Debug a component — the preview's runtime debugger: every action logged, and time travel back through them.
Troubleshooting — the common failures with their exact error messages, so searching for the text you see should land you on the fix.