Drawing basic UI elements

The floating bar allows you to "draw" commonly-used UI elements directly on the canvas. Just press their related letter key and add them to your wireframe.

gif

  • Text (T) - Add a Text Paragraph element to the canvas.
  • Rectangle Shape (R) - Add a Shape element to the canvas. The default is a Rectangle but you can change the shape in the property inspector.
  • Image (I) - Add an Image element to the canvas. The default is a placeholder but you can add your own images in the property inspector.
  • Arrow (A) - Add an Arrow element to the canvas. Remove the arrow heads in the property inspector to get a simple line.

After you've added these elements, you can convert them to other elements by using the transform menu.


Our monthly emails will make you better at your job

Get our inside stories on product design, making things people love, and running a business built to last. Delivered once a month to your inbox.