šŸ’Ž UX Toolkit

Way more than a simple wireframing kit, UX Toolkit was created to supercharge your RWD workflow from start to finish. Built with the power of Sketch's latest functionalities, you can use it to create ;

Design Systems

Create custom style guides, pattern librairies and responsive screen designs in minutes.

Harness the power of styles and symbols to create dynamic wireframes and documentation.

Maps & Flows

Create comprehensive site maps, user flows and page templates to boost your wireframing process.

Strategy Documents

Content maps, user personnas and custom strategy documents can easily be created from the base templates.

Download UX Toolkit

Ready to supercharge your RWD workflow?

[unex_ce_button id="content_v49w1mzgp" button_text_color="#ffffff" button_font="semibold" button_font_size="20px" button_width="auto" button_alignment="center" button_text_spacing="0px" button_bg_color="#f9b700" button_padding="20px 60px 20px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="4px" button_text_hover_color="#326ee5" button_text_spacing_hover="0px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="https://gum.co/MltO" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]Purchase now for $10[/ce_button]

How it works

UX Toolkit is a Sketch-based framework built to be customized. It utilizes Sketch's latest functionalities to create, manage and present dynamic design systems.

Customize text styles to create the foundation to your cohesive design system.

Layer Styles

Create and update colors, containers and custom components across your design in an instant.

UX Toolkit integrates with the Material Icon Font. Changing and updating icons has never been easier!

Symbols combine text styles, layer styles and icons to create re-usable components across your design.

What's included

01

Atomic design system

Customize text styles, layer styles and atomic symbols to create and manage your design system.

System-05System-05

02

Components & layouts

Built around common RWD patterns, UX Toolkit enables you to create page layouts and wireframes with greater efficiency.

Components-04Components-04

05

User Stories Template

06

Lean Personna Template

+45

Unique Layer Styles

+135

Text Styles

+100

UI Components

ā€¢  100% Customizable
ā€¢  Optimized for responsive design
ā€¢  Vector assets

ā€¢  Drag and drop ready
ā€¢  Crafted with AA accessibility
ā€¢  Built on Bootstrap grid

ā€¢  Carefully grouped and layered
ā€¢  Free Google fonts
ā€¢  No plugins required!

Download UX Toolkit

Ready to supercharge your RWD workflow?

[unex_ce_button id="content_6esf29h6t" button_text_color="#ffffff" button_font="semibold" button_font_size="20px" button_width="auto" button_alignment="center" button_text_spacing="0px" button_bg_color="#f9b700" button_padding="20px 60px 20px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="4px" button_text_hover_color="#326ee5" button_text_spacing_hover="0px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="https://gum.co/MltO" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]Purchase now for $10[/ce_button]

Subscribe for updates

Enter your email and be the first to know when I release new design goodies.

[unex_ce_mailchimp id="content_rq4v1v6y7" placeholder_text="email address" alignment="left" button_position="inline" button_spacing="0px" input_placeholder_color="#888888" input_width="span4" input_text_align="left" input_text_color="#000000" input_bg_color="#ffffff" input_padding="20px 30px 20px 30px" input_border_width="0px" input_border_color="#000000" input_border_radius="0px" input_placeholder_color_mouseover="#444444" input_text_color_mouseover="#000000" input_bg_color_mouseover="#e6e6e6" input_border_color_mouseover="#000000" input_font_size="16px" input_font="regular" button_text="Subscribe" button_text_color="#ffffff" button_font="bold" button_font_size="16px" button_text_spacing="0px" button_bg_color="#b7a788" button_padding="20px 40px 20px 40px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="0px" button_bg_hover_color="#888888" button_border_hover_color="#000000" has_container="1" in_column=""]//mantoine.us11.list-manage.com/subscribe/post?u=04a990906d2fc366e453e98a9&id=b8d1f48fac[/ce_mailchimp]