🚀 20 Tools for your Design Toolbox

20 New Tools — all from January 2018

Every week dozens of tools make it into our weekly newsletter. Here’s a roundup of every tool from January that we saw!

First though please check out the newly updated Prototypr, which has everything you need to supercharge your design skills:

• Community guides on our Medium blog
• Weekly digest with design news and tools
• Daily handpicked newsfeed
• The best design deals
• Design toolbox of prototyping tools

Check it out on Product Hunt →

🎨 2 Color Tools

2 Color tools from January 2018:

1. Gradient Cards by CSS Gears →

Gradient Cards is a simple and beautiful list of editable gradients that you can export as CSS for your front end.

Click to open

2. Colorwise →

Get some colour inspiration by searching through the most voted products on Product Hunt.

Click to open

🛠 3 for Experimenting

From VR to Marvel prototyping:

1. Vizor Patches →

Patches is a visual programming editor for building WebVR and WebGL experiences:

Patches — Explore, Create and Publish VR on the Web

2. Marvel API →

Marvel open up their prototyping platform to developers with an API enabling the creation of amazing tools and integrations for 1.5 million users.

Free mobile & web prototyping (iOS, Android) for designers — Marvel

3. Dotgrid →

A downloadable vector glyph illustration tool, that works by adding control points and drawing different line-types between them.

Dotgrid by Rekka & Devine

💎 6 Sketch Tools

6 of the best tools for Sketch from January 2018

1. SQUID for Sketch by Thalion →

Thalion introduces SQUID for Sketch, enabling us to prepare rich and elegantly styled User Flows in just a few minutes.

Click to open

2. Introducing Sketch Icons by Valentin Chrétien →

Valentin Chrétien introduces Sketch Icons, a plugin that allows you to import a set of icons and automatically apply a color mask.

Click to open

3. Timeline for Sketch by Anima App →

Create GIFs & Videos directly from Sketch. Pre-order now and enjoy 25% off.

Timeline for Sketch

4. Midnight →

Midnight is a dark theme Sketch plugin, compatible with with Sketch 48 and above.

Midnight — Dark Theme Sketch Plugin

5. Forma Sketch Library →

Forma Library is a sketch file based on nested symbols to power designer with well organized kit to build easy and quick configurable web forms.

Click to open

6. Simple Mockups →

Minimalistic devices mockup collection with awesome customization features.

Click to open

🚀 5 Cool Projects

5 more cool projects from January:

1. Laws of UX by Jon Yablonski →

Laws of UX is a collection of the key maxims that designers must consider when building user interfaces.

2. UserGuiding →

UserGuiding is a free user onboarding tool for creating interactive guides for your user.

UserGuiding | Easy User Onboarding

3. Competitors.Site →

Competitors.site is an open source UX Benchmarks Library, organized by country and industry.

Click to open

4. TW Fonts →

Based on Font Awesome, TW Fonts brings you even more free icons for your projects.

Introducing TW Fonts — A New Vectorized Font and Icon Library

5. Adele by UXPin →

Adele is a table of publicly available design systems and pattern libraries, put together by UXPin.

Adele — Design Systems and Pattern Libraries Repository

⌨️ 3 Dev Tools

From CSS Grid to Bootstrap SASS

1. CSS Grid by Wes Bos →

Learn all about CSS Grid with Wes Bos in this free video series!

Click to open

2. Bootstrap 4 →

Bootstrap 4 has finally arrived! Read about everything that’s new in the Bootstrap blog.

Bootstrap 4

3. Bootstrap.build →

Bootstrap.build is a web app for generating Bootstrap themes and exporting them to SASS.

Bootstrap.build — Bootstrap 4 Theme Builder

That’s all, our new site makes up the 20th tool 😻

Check it out, hope you like it →

Whilst you’re here, come join our weekly updates: