Skip to documentation

Your first visual edit

Create a project, choose a target and make a change you can see.

On this page

Create a project

  1. Open the dashboard and choose New project.
  2. Open your project and add or select a Design Frame.
  3. Start with a simple heading and button, using the editor or an agent.

Edit the rendered interface

  1. Use the selection tool and click an element. Double-click to move deeper into a nested layout.
  2. Double-click supported static text to edit it. Click outside or press Enter to commit; Escape cancels.
  3. Change a color or dimension in the Style panel. Use Edit Code to inspect the selected source.

Try it, then undo

Switch to Interact to test a button or input. Return to Edit to keep designing. Undo restores the last document change, not each intermediate mouse movement.