Wireframe Kit

Wireframe Kit

Wireframe Kit provides elements for creating clean and low fidelity wireframes that help you plan UI and UX layouts. These elements allow you to sketch page structures, user flows, and interface concepts before moving into detailed design.

How to add Wireframe Kit to the toolbar  

  1. Click the Marketplace button at the bottom of the left toolbar.

  2. Select the Design category.

  3. Locate Wireframe Kit.

  4. Click Add to toolbar.

The Kit will appear in the left toolbar. You can remove it anytime by selecting Remove in Marketplace.

How to use Wireframe Kit  

  1. Open Wireframe from the left toolbar.

  2. Drag elements into your Space to outline pages or screens.

  3. Arrange components to create navigation structures or flows.

  4. Use the wireframe elements to map ideas quickly without focusing on visual detail.

  5. Add Page Frames if you want to group wireframe sections.


What Wireframe Kit is used for  

Wireframe Kit is intended for:

  • UI and UX planning

  • Early stage layout sketching

  • User journey mapping

  • App and website flow planning

  • Presenting initial design concepts


How to export wireframes  
  1. Click Export from the right toolbar.

  2. Select the wireframe frame.

  3. Download it as PNG or PDF.

Alternatively, right-click and select Download.