Skip to main content
All CollectionsGetting started
First steps with Scene
First steps with Scene

Start building your website with these essential steps.

Jozef Pokrivcak avatar
Written by Jozef Pokrivcak
Updated this week

After creating an account, you will land directly on the canvas. We designed Scene so you rarely need to leave the canvas.

  1. Quick access panel

  2. Website frame

  3. Publishing and Sharing

  4. Muse AI

  5. Help Center & Control Panels

Start creating your website with Our AI Assistant, Muse

Muse, your AI assistant, is here to help you build your website. Chat with Muse directly in the “Muse AI” chat window.

Muse assists you by:

  • Generating a list of competitors

  • Recommending content for your website

  • Generating copy for you

  • Suggesting a color palette to kick off your styling

After you're satisfied with the brief, use Muse to generate wireframes by clicking “Create wireframe.” The wireframes will be generated for you.

Want to use Muse to the fullest 🤖?

Check out this article - Muse: Your AI partner.

Start from scratch on your own

Locate your website frame in the middle of your canvas. This is where your website will appear as you create it. The canvas will always display the three most important breakpoints: desktop, mobile, and tablet.

Clicking on “Add block” opens the block library where you can select and place website building blocks on the canvas. Once you place the first blocks, the button disappears, and you can use the “+” button from the quick actions panel to add new blocks.

Clicking the “Get lucky” button will randomly place blocks from our library into the website frame. Use it for inspiration.

Note: You can also add new blocks by clicking “Add block” button located at the bottom of each block in the Website frame.

Editing and Styling your wireframes

Clicking on a block or on the arrows in the bottom left corner of the screen will display two panels that slide in from left and right.

The left-side panel allows you to:

  • Rearrange the order of blocks by dragging and dropping their names

  • Hide or unhide block elements

  • Add or delete block elements

To style your blocks (wireframes), use the panel that slides in from the right side of the screen. This panel allows you to edit all properties of the website building blocks, as well as add media and animation effects.

Edit the text of your website directly within the website frame using the integrated WYSIWYG editor.

Note: You can also change the order of the blocks directly within the website frame by clicking and dragging the violet handle located on the left side of each block.

Want to learn more about Editing and Styling your Wireframes? ✏️

Check out this section - Editing & Styling.

Share your Website

Invite collaborators by clicking “Share” at the top right corner or “Invite people to collaborate” at the bottom of the Layers panel.

This will open sharing options where you can manage who you invite to collaborate and their permissions.

Collaborate with others

You can communicate with others in three different ways:

  • Commenting - To add a comment, either press “C” and click anywhere on the canvas or click the comment icon in the quick actions panel. You can tag others in comments using @.

  • Notes - To add a note, either either press “N” and click anywhere on the canvas or click the note icon in the quick actions panel.

  • Images - To add an image, either either press “I” and click anywhere on the canvas or click the note icon in the quick actions panel. Then choose the particular image from your computer.

Want to know more about Collaboration 👪 ?

Check out this article - Collaborate on your website with others.

Publish your Website

Click the “Play” button in the top right corner to create a preview of your website that you can share with collaborators.

You can publish your website directly from the canvas to a Scene domain by clicking the publish button. To add a custom domain, click the respective button and follow this tutorial for more details.

Did this answer your question?