Wireframe Kit in Vani

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.

    • Related Articles

    • Webpages Kit

      Webpages Kit provides layout templates for landing pages, portfolios, product pages, and similar web structures. They help you visually outline website sections and content flow. Note: These layouts are for design and planning purposes only and are ...

    • Postcards Kit

      Postcards Kit includes fun and expressive postcard layouts designed for personal messages, greetings, event reminders, and travel themed notes. Each layout provides a balanced layout with space for text and visuals, making it easy to create warm and ...

    • ERD Kit

      ERD Kit provides components for creating Entity Relationship Diagrams, which define how data is structured inside a system. The Kit allows you to represent entities and connect them using relationship lines to show how they relate to one another. How ...

    • Flyers Kit

      Flyers Kit provides quick and clean flyer templates suitable for events, promotions, and informational handouts. These layouts help you create concise, single page materials inside Vani. How to add Flyers Kit to the toolbar Open Marketplace. Select ...

    • Posters Kit

      Posters Kit provides bold and attention grabbing poster templates. These layouts help you create visually strong posters for events, campaigns, promotions, or announcements. How to add Posters Kit to the toolbar Click the Marketplace button. Select ...