Skip to content
Swebsy · docs

Quickstart

  1. Open Swebsy Studio in your browser. You’ll land on the project dashboard.

  2. Create a new site — click New site and pick a template to start from.

    Picking a template and opening the studio

  3. Edit your content — double-click any text to edit it inline. Double-click an image to open the image selector and swap it out.

    Double-clicking text to edit it inline

  4. Add blocks and components — open the Blocks tab on the left and drag a full section (like “Hero” or “Feature grid”) onto the canvas. To add a single element like a button or icon, switch to the Components tab and drag it into an existing block.

  5. Preview your site — in the top bar, click View → Preview (or press ⌘⇧P / Ctrl+Shift+P). Your page renders exactly as visitors will see it.

  6. Export your code — when you’re ready, open the Deploy menu in the top bar and choose Export code to download a production-ready ZIP.

    The Deploy dropdown open in the Swebsy top bar, with Export code highlighted

Next steps

Section titled “Next steps”