Your First Site
Create a project
Section titled “Create a project”Click New project, give it a name, and pick a starter. Plyy scaffolds a complete Astro site and opens it in the editor.
The editor at a glance
Section titled “The editor at a glance”- Canvas — a live preview of your site. Click any element to select it.
- Inspector (right) — edit the selected element: text, attributes, classes, plus actions like Wrap, Duplicate, Delete, and Ask AI.
- Left rail — panels for Pages, Assets (files and typefaces), CMS, Config (Docs — styleguides and plans for the AI, see Editing with AI — plus Theme and Env tabs), History, Audit, and AI Chat. Click an icon to open its panel. The canvas sidebar also has an Insert tab for adding elements, your own components, and ready-made sections from the component library.
- Top bar — a Canvas / Chat / Code view switcher (⌘1/⌘2/⌘3), the Git and Publish buttons, dev server controls, and your Account.
Everything you do on the canvas is written straight into the project’s source
files — there’s no separate “design file”. The History panel tracks your
edits, and ⌘Z works as expected.
Start and stop the preview
Section titled “Start and stop the preview”The preview runs your site’s dev server. Use Start dev / Stop dev in the top bar if you ever need to restart it — for example after changing environment variables.
Where projects live
Section titled “Where projects live”Projects are normal folders on your Mac (real Astro code). You can open them in any code editor, and you can back them up to GitHub.