UX Toolkit

A Sketch framework to supercharge
your RWD workflow

$15 DOWNLOAD
[unex_ce_button id="content_hk4kpyi76,column_content_a6g1j1yv7" button_text_color="#ffffff" button_font="bold" button_font_size="16px" button_width="auto" button_alignment="left" button_text_spacing=".5px" button_bg_color="#006df2" button_padding="15px 30px 15px 30px" button_border_width="0px" button_border_color="#006df2" button_border_radius="2px" button_text_hover_color="#006df2" button_text_spacing_hover=".5px" 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="" in_column="1"]$15 DOWNLOAD[/ce_button]

Version 2. Updated 03/24/2017

The last kit you'll ever need

UX Toolkit is much more than a wireframing kit. It's a robust Sketch framework that makes it easier than ever to create, manage and present customizable responsive design systems. Supercharge your RWD workflow with the power of Sketch's latest functionalities.

Glyph icons

Material icon font integrated with all styles and symbols

Text styles

All the styles you need to boost your workflow

Layer styles

Colors, fills and styles synched across your design

Responsive components

Symbols and groups are optimized to be responsive

What's included

01 Styles

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

StylesStyles

02 Templates

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

Components

Components-01Components-01

Navigation

NavigationNavigation

Basic

BasicBasic

Marketing

MarketingMarketing

Blog

BlogBlog

Commerce

CommerceCommerce

Utility

UtilityUtility

Data

DataData
FULL ARTBOARD PREVIEW
[unex_ce_button id="content_v1d0rjok3" button_text_color="#ffffff" button_font="bold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing=".5px" button_bg_color="#006df2" button_padding="15px 30px 15px 30px" button_border_width="0px" button_border_color="#006df2" button_border_radius="0px" button_text_hover_color="#006df2" button_text_spacing_hover=".5PX" button_bg_hover_color="#efefef" button_border_hover_color="#ffffff" button_link="http://mantoine.ca/wp-content/uploads/2017/04/UX-Toolkit-components.png" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]FULL ARTBOARD PREVIEW[/ce_button]
SYMBOLS PAGE PREVIEW
[unex_ce_button id="content_mfso36fmk" button_text_color="#006df2" button_font="bold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing=".5px" button_bg_color="#efefef" button_padding="15px 33px 15px 33px" button_border_width="0px" button_border_color="#efefef" button_border_radius="0px" button_text_hover_color="#006df2" button_text_spacing_hover=".5PX" button_bg_hover_color="#f7f7f7" button_border_hover_color="#ffffff" button_link="http://mantoine.ca/wp-content/uploads/2017/04/UX-Toolkit-symbols.png" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]SYMBOLS PAGE PREVIEW[/ce_button]

03 Bonus UX templates

Supercharge your workflow with these customisable templates.

bonus-sitemapbonus-sitemap
bonus-templatesbonus-templates
bonus-personnabonus-personna
bonus-storiesbonus-stories
bonus-contentbonus-content
bonus-docbonus-doc

+45

Layer Styles

+135

Text Styles

+100

UI Components

01-white-0101-white-01
02-white-0102-white-01

Ā© UX Toolkit is copyrighted under Creative Commons Attribution-ShareAlike 4.0 International License.

UX Toolkit

Ready to supercharge your RWD workflow?

$15 DOWNLOAD
[unex_ce_button id="content_qjsoc0fw5,column_content_a6g1j1yv7" button_text_color="#ffffff" button_font="bold" button_font_size="16px" button_width="auto" button_alignment="left" button_text_spacing=".5px" button_bg_color="#006df2" button_padding="15px 30px 15px 30px" button_border_width="0px" button_border_color="#006df2" button_border_radius="2px" button_text_hover_color="#006df2" button_text_spacing_hover=".5px" 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="" in_column="1"]$15 DOWNLOAD[/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]