Workspaces

Home

For working offline, security, and privacy:

  • Your Files are automatically saved in your browser.
  • You can FileSave to disk.

The Home workspace shows the files that have changes which haven't been saved to disk yet. This workspace is reachable by clicking the top-left logo.

UI Drafter's Home

Drafter Workspace

For now, glance over where the Card and Entry actions are. Then, take a look at the Cards and compare them with the next section.

UI Drafter's Drafter Workspace

Previewer Workspace

Cards become interactive pages.

UI Drafter's Previewer Workspace

Initial Page

Previewer opens at the selected Card. Otherwise, at the topmost.



Undo works in Previewer too

Both workspaces share their undo history. For example, changing an input value in Previewer modifies it in Drafter too. If that's undesirable, you can either:

  • FileDuplicate before previewing, or
  • ViewPreview in New Tab. This way Drafter and Previewer will have independent undo histories. But you'll need to make the final edit in the tab you want to be saved in your browser storage. That edit could be arbitrary, or an Undo + Redo.

Tips

Exporting for Graphic Design Programs

In Previewer, use the browser's PrintSave as PDF. That PDF serves as an editable starting point you can import into graphic design programs.

Distraction Free Mode

As the top menubar has all the actions, you can hide the Toolbar and Side Panels using the View menu. Also, most actions are available in context menus (right-click) and Shortcuts.

File History and Collaboration

The Files are in JSON format. Therefore, you can collaborate and keep track of their history in a version control system like git, or share them as traditional files.

Next Cards  ️⇾