All Projects → wendellhu95 → Wz Wireframe Kit

wendellhu95 / Wz Wireframe Kit

📏 A kit to draw wireframes and note interaction details.

Projects that are alternatives of or similar to Wz Wireframe Kit

Prism
Creates a beautiful artboard color palette with all your 'Document Colors' and their respective color label in a variety of formats.
Stars: ✭ 1,027 (+1801.85%)
Mutual labels:  sketch
Miraigo Template
A template for MiraiGo
Stars: ✭ 47 (-12.96%)
Mutual labels:  template
Jsdoc Baseline
An experimental, extensible template for JSDoc.
Stars: ✭ 51 (-5.56%)
Mutual labels:  template
Latexcv
👔 A collection of cv and resume templates written in LaTeX. Leave an issue if your language is not supported!
Stars: ✭ 1,027 (+1801.85%)
Mutual labels:  template
Anto
🔵 Sketch Tools for AFX Designers
Stars: ✭ 48 (-11.11%)
Mutual labels:  sketch
Sketch Name Organizer
🖌 Rename and sort artboards based on their x and y position; Rename layers based on their Style and Symbol.
Stars: ✭ 50 (-7.41%)
Mutual labels:  sketch
Date Time Sketchplugin
Sketch data plugin generating random dates and times
Stars: ✭ 45 (-16.67%)
Mutual labels:  sketch
Trust
Travis CI and AppVeyor template to test your Rust crate on 5 architectures and publish binary releases of it for Linux, macOS and Windows
Stars: ✭ 1,072 (+1885.19%)
Mutual labels:  template
Raygun Rails
Rails 6 application template for Raygun, the Carbon Five Rails application generator.
Stars: ✭ 48 (-11.11%)
Mutual labels:  template
Canvas
Base for Blogger, seo, twitter card, open graph, optimization and performance
Stars: ✭ 51 (-5.56%)
Mutual labels:  template
Bug Bounty Responses
A collection of response templates for invalid bug bounty reports.
Stars: ✭ 46 (-14.81%)
Mutual labels:  template
Oa Apidoc Template
Live Demo
Stars: ✭ 47 (-12.96%)
Mutual labels:  template
Creature unity
2D Skeletal Animation Unity Runtimes for Creature
Stars: ✭ 50 (-7.41%)
Mutual labels:  sketch
Sketch
A Common Lisp framework for the creation of electronic art, visual design, game prototyping, game making, computer graphics, exploration of human-computer interaction, and more.
Stars: ✭ 1,026 (+1800%)
Mutual labels:  sketch
Input Mask Android
User input masking library repo.
Stars: ✭ 1,060 (+1862.96%)
Mutual labels:  template
Persiansupplier
Sketch Plugin for supplying dynamic persian data.
Stars: ✭ 46 (-14.81%)
Mutual labels:  sketch
Sketch Textbox Fit Content
Set the height of a selected text layer or all text layers in a selected group to it's content's height.
Stars: ✭ 49 (-9.26%)
Mutual labels:  sketch
Donations
🙌 Responsive donations template for your projects.
Stars: ✭ 54 (+0%)
Mutual labels:  template
Truncat
A Sketch plugin to truncate text.
Stars: ✭ 52 (-3.7%)
Mutual labels:  sketch
Design Systems Office Hours Playbook
A playbook for running Design Systems office hours or attending them as a Design System representative. Use this as a template for making your own company Design Systems office hours playbook!
Stars: ✭ 49 (-9.26%)
Mutual labels:  template

wz_wireframe_kit.sketch

A kit to draw wireframes and note interaction details.

What's this?

wz_wireframe_kit.sketch contains lots of elements you can use in your wireframes files.

I have seen and used lots of wireframe kits. Though they are all beautiful enough, they are not friendly to others. They have no explanations telling how the app works. So I designed wz_wireframe_kit.sketch and hope it could be friendly to designers, product managers and engineers, making wireframe a useful tool for communication.

It has:

iPhone 6 Mockup. Four kinds of iPhone 6 mockups. Important, Blank, With Navigation, With Tab Bar. To bring convenience to your work.

Placeholders. Image Placeholders, Avatar Placeholders - Circle and Rounded Rectangle.

Buttons. Primary Buttons, Tiny Button, Circle Buttons.

Links. Arrow, Link, Click and Link, Action, Link With Action, etc.

Tag. Minimum and Maximum, Different Status, Interaction Explanations, If and Then, etc.

How to use?

Download wz_wireframe_kit_1.1.sketch, open it. Then copy, paste and edit! That's easy!

Use iPhone Mockups and Interface Elements to sketch interfaces . Use Links to demonstrate relations among the screens. And use Tags to write interaction guidelines for engineers.

Here is an example for your reference, a news feed app wireframe. It's not finished but enough to show how to use the wireframe kit.

Update Records

Version 1.1 February 19th, 2016

I used wz_wireframekit.sketch in my app Today and found something inconvenient. So I update it. It's now a little more beautiful-looking. :)

Version 1.0 December 10th, 2016

Appreciantion

The work is inspired by Wireframe Kit for iPhone 6 Sketch Resource. Many thanks to the designer Barbara Giardelli.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].