Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

Wixel Full Flowchart & Wireframe Kit

Build beautiful flowcharts and site maps in minutes. Scale those same elements up to flesh out your concept as you develop your design.

This flexible web wireframing kit contains 50+ miniature wireframes, 40 mobile screens of the most common page layouts, interactions and popular elements in web and mobile design. Each wireframe and screen has been created in Sketch 3 - the kit is 100% scalable and super easy to edit. We've also provided files in SVG format and Illustrator.

Create beautiful documents, user flows, storyboards, site maps, flowcharts or wireframes.

We even show you how:

How this helps you:

SAVE TIME - Drag-n-drop elements from our UI kit to create beautiful flowcharts in minutes, not hours.

90 MINI WIREFRAMES - The UI pack comes with 90 customizable mini wireframes and elements in Sketch, AI and SVG format.

ONE APP TO RULE THEM ALL - Do your all your flowcharts, wireframing and final designs in your favourite application.

GET EVERYONE ONBOARD - Help all stakeholders understand a website's flow and general layout before moving to design and development.

In the UI Kit:

  • 50+ unique UI web layouts
  • 40 unique UI mobile layouts
  • Flowchart icons and arrows
  • Sketch, SVG and AI formats


  • vector
  • tileable
  • layered
  • fully editable
  • no watermarks

Use Case:

At Wixel we use this kit extensively - it is loved by project managers, designers, developers and clients!

How do we use it? We use one Sketch as the only program to develop flowcharts, wireframes and final design. We use this UI pack as the first step in the design process to demonstrate the big picture, pages, interactions and layout of each page. Thereafter we scale the same UI elements up and start fleshing out the detail of each page. Once this set is signed off we move on to design.

Read in detail how we use this everyday:

Follow us on Twitter and Dribbble for updates:


If you have any comments or suggestions, please send us an email or tweet us. We welcome feedback.
We hope you love this web kit as much as we do.

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.

How can I unzip product files?

PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.

Mac: Double click the .zip file, then search for the product folder or product file.

If you continue to have trouble, check out this help file for more tips.