Wixel Comprehensive Flowchart & Wireframing Kit - web & mobile
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: https://medium.com/@wixelhq/streamlining-the-design-process-user-flow-to-final-design-using-sketch-ba71d2355bf9
How this helps you:
SAVE TIME
Drag-n-drop elements from our UI kit to create beautiful flowcharts in minutes, not hours.
50 MINI WIREFRAMES
The UI pack comes with 50 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
Details:
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: https://medium.com/@wixelhq/ba71d2355bf9
Follow us on Twitter and Dribbble for updates:
Feedback
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.