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? Enter your email to download the Sketch files.

[unex_ce_mailchimp id="content_vnee0uv7y" placeholder_text="Email Address" alignment="center" button_position="inline" button_spacing="0px" input_placeholder_color="#888888" input_width="span3" 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="18px" input_font="regular" button_text="Send to my email" button_text_color="#ffffff" button_font="bold" button_font_size="18px" button_text_spacing="0px" button_bg_color="#141414" button_padding="20px 30px 20px 30px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="2" button_text_hover_color="#416dff" button_text_spacing_hover="0px" button_bg_hover_color="#ffffff" button_border_hover_color="#fcfcfc" has_container="1" in_column=""]//mantoine.us11.list-manage.com/subscribe/post?u=04a990906d2fc366e453e98a9&id=b8d1f48fac[/ce_mailchimp]

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.

Behind every good design is great typography. Text styles are the foundation to a 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.

videovideo

What's included

01

Complete RWD Wireframing Kit

Built around common RWD patterns, UX Toolkit enables you to customize text styles, layer styles and symbols to create and manage complex design systems in no time!

Design System-04Design System-04

02

7 Page Templates

Kickstart your design and prototyping workflow with these base templates.

Page Templates-02Page Templates-02

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? Enter your email to download the Sketch files.

[unex_ce_mailchimp id="content_pgluwm6ww" placeholder_text="Email Address" alignment="center" button_position="inline" button_spacing="0px" input_placeholder_color="#888888" input_width="span3" 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="18px" input_font="regular" button_text="Send to my email" button_text_color="#ffffff" button_font="bold" button_font_size="18px" button_text_spacing="0px" button_bg_color="#141414" button_padding="20px 30px 20px 30px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="2" button_text_hover_color="#416dff" button_text_spacing_hover="0px" button_bg_hover_color="#ffffff" button_border_hover_color="#fcfcfc" has_container="1" in_column=""]//mantoine.us11.list-manage.com/subscribe/post?u=04a990906d2fc366e453e98a9&id=b8d1f48fac[/ce_mailchimp]