Focus - Wireframe Sketch Kit (Demo)
Tired to wireframe from scratch every single time? Say hello to Focus!
This smart and adaptive Sketch kit was designed just for you, to make your designer’s life easier. Focus uses Sketch's latest features to help you focus on what really matters: your UX approach.
Features
Text & Layer Styles
All the styles you need to save time. Headings and paragraphs in differents text-color and text-align. Fills and borders in differents color
Symbols & Overrides
Nested symbols are the heart of the system. Play with overrides to create the button, the input or the icon you want.
Resizing
Each symbol is optimized to be resized. Your responsive design will appear much more faster.
Let's check what's under the hood
Molecules
The "Molecules" page contains every text styles, from heads and paragraphs to color styles and borders (including input symbols, icons and images).
Components
Here you'll find every components you could need to build your pages: menu, footer, forms, modals, texts and image cards. Each of theses is built with color and layer styles and symbols according to your branding and color.
Symbols
This section of Focus contains every symbol used in our kit. You can freely rearrange or edit them, but we strongly recommend you to keep them as it is (to keep the kit consistent). Do not hesitate to create your own symbols though!
Save time and energy
Workflow
Focus can follow your design process from wireframes to the final UI. Customize styles to fit your client’s style guide.
Library
In addition to symbols, you’ll find a huge collection of components, each with their variants.
Guide
Not sure how to use Focus? Don’t worry, there is an user guide inside. You can also contact us by email or Twitter.
Some figures
-
600 Text Styles
-
68 Layer Styles
-
408 Symbols
-
436 Components
Good practices
- Notes Locked
- User Guide
- Material Design Icon
- Layers Renamed
-
Atomic Design System
- No Plugins Required
-
Well Organization
- Bootstrap Grid
Check the website for more informations
Sketch App file.