A better way to wireframe

Support

Toolbar

What is the Toolbar?

The toolbar is a section of the screen situated at the top of the Screenflow View and the Page View. It serves as a menu containing a number of buttons that offer useful basic functions. Below is an overview and a detailed explanation of each button in order from left to right.

  • New page (creates a new page
  • Simulate (simulates project in the Simulation View in hand-drawn (sketched) or normal (plain) mode)
  • Share (sends invitation link for viewing, reviewing, editing or testing to an email address of your choice)
  • Export (downloads projects to your desktop in SVG vector graphics format, HTML format, or as RTF file)
  • Refresh (reloads the project to show an updated state with the latest changes)
  • Size (enter or change the page dimension)
  • Context menu (access the context menu of the entire page)
  • Undo (undoes the last action)
  • Redo (redoes an action)
  • Cut (cuts selected elements)
  • Copy (copies selected elements)
  • Paste (inserts cut or copied elements)
  • Grid (show/hide the grid)
  • Frame and device (select the screen size/device type and show/hide the frame)
  • Zoom (adjusts size of project image)

New page

To create a new page or screenflow place your mouse over the "+ New page" button create and choose the desired project format and direction (landscape or portrait) from the dropdown menu which will appear.

Simulate, share and export

To simulate your project, i.e. to see your project in action and click through it, press the "Simulate" button icon-simulation . Doing so will open a new tab or window in your browser and you will see the project in the Simulation View. This is the same view in which people with "View" or "Review" rights will see the project. There are two modes of simulation: plain and sketched. To choose between the two place your mouse over the "Simulate" button and choose the desired option from the dropdown menu, which will appear.

To share your project by sending an invitation place your mouse over the "Share" button email and select the desired option from the dropdown menu which will appear. Doing so will open a dialogue window where you can enter the email address of the invitee and a personal message as well as set options regarding the first page shown and the simulation mode.

To export your project, place your mouse over the "Export" button export and click on the desired option in the dropdown menu which will appear. You can either download a .zip file containing your project as a compressed HTML file that you can save on your computer or download an RTF file containing images of the screenflows, pages, and layers of your project that you can edit in text editors like MS Word(TM).

Undo and Redo

To undo your last action click on the "Undo" button undo . Note: If you are simultaneously collaborating with someone, you can only undo your own actions back to the last action of your collaborator.

To redo your last action click on the "Redo" button redo .

Cut, Copy and Paste

To cut out a stencil or group of stencils in the Page View or a page in the Screenflow View select it with your mouse and click on the "Cut" button cut (or press the shortcut key Ctrl (Strg) + X). Doing so will cut out the selected elements and move them to your clipboard, which means that they will disappear from your project and can be inserted elsewhere via the paste option.

To copy the element, click on the "Copy" button copy (or press the shortcut key Ctrl (Strg) + C).

To paste a cut or copied element into your project, click on the "Paste" button paste (or press the shortcut key Ctrl (Strg) + V).

Grid

To display the grid on your canvas, click on the icon and the dialog will open up. That will allow you to adjust your grid settings: You can set the number of columns, the gutter width between columns (to give the columns some padding), as well as the margins on either side of the grid. The grid width is centered relative to the device screen. A grid preview right underneath the settings helps you choose the right values. Smart defaults will get you started right away.

Frame and device

To change the screen size or switch to a different default device size as well as to display or hide the respective frame, click on the icon to open the dialog window. That device dialog will let you pick a screen type, e.g. iPhone, iPad, Android device or web app or a custom screen size.

Zoom

To zoom in or out of your project, choose the desired zoom level from the drop down menu. You can either zoom in zoom-in or zoom out zoom-out of the project page or us the shortcut keys Strg (Ctrl) + oder Strg (Ctrl) -.

Closing projects

To close a project simply close the tab or window in which you have been editing the project.

<< back to overview

Newsletter Signup

A new Pidoco is coming this Fall. Sign up for our newsletter to stay up to date.

Don't worry, we won't flood your inbox with daily emails and we'll never send you spam!