Wireframing on Sketch just got easier
(well… even easier)
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.
All the styles you need to save time: enjoy many combinations of colors and alignements for your headings and paragraphs, and easily give fills and borders the color you want.
Nested symbols are the heart of the system. Play with overrides to create the button, the input field, the icon you want.
Each symbol is optimized to be resized. Your responsive design will appear much more faster.
The "Molecules" page contains every text styles, from heads and paragraphs to color styles and borders (including input symbols, icons and images).
Here you'll find every components you could need to build your pages: menu, footer, forms, modals, texts and image cards. Each of these is built with color and layer styles and symbols according to your branding and color.
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!
Focus can follow your design process from wireframes to the final UI. Customize styles to fit your client’s style guide.
In addition to symbols, you’ll find a huge collection of components, each with their variants.
Not sure how to use Focus? Don’t worry, you'll find a user guide inside. You can also contact us by email or Twitter.