Toolbox #4
Welcome to the 4th edition of Toolbox 🎉. This month we bring you a massive 30* new resources to explore:
🎨2 color tools
👩💻5 design resources
💎3 Sketch tools
🖌3 new design tools
👥3 icon/avatar packs
🙌3 awesome curations
🤝2 tools for collabortion
🛠8 for prototyping
✏️1 mystery tool ✨Read them below, or filter and search them later in our Toolbox app. Enjoy 👇
2. Site Palette →
Use Site Palette to generate downloadable colour palettes for your projects — from any website on the web. Made by
and co.
👩💻 5 Design Resources
Here are 5 different types of resource to help you in different ways. From free stock photos to an awesome universal typeface.
1. Shortcuts.design →
Here are all the keyboard shortcuts you need as a designer, in one place!
has now open-sourced this project on GitHub, so you can add shortcuts from your own app for everyone to use.
2. Moose — Free Stock Photos →
This is an amazing library of the highest quality stock photos, all designed to work together. They’re also all completely free, thanks to
!
Browse images from a range of categories:
Press enter or click to view image in full size
Press enter or click to view image in full size
3. Sketchize →
Sketchize offers free wireframing sheets for everyone — print them out and start sketching your dream app! By
.
4. UX folio →
Tell the story behind your design: build a beautiful UX portfolio quickly and easily with UX folio.
💎 3 Sketch Tools
3 tools for Sketch that will bring you fun and productivity:
1. Bottts Sketch Library →
Create robot illustrations in Sketch App with this free library designed by
. 🤖
Press enter or click to view image in full size
Press enter or click to view image in full size
Press enter or click to view image in full size
2. Sketch the ripper →
An online tool to rip a .sketch files and extract their objects by
— not just for showing an embedded preview.
3. Symbol Design System for Sketch →
Symbol Design System is an advanced web-design system based on Sketch nested symbols, made by
. This will save you a lot of time, and it’s 50% off for students!
2. Solis for Mac →
Solis for Mac is a Live Design Output that integrates with code editors. Take advantage of real time, multi viewport previewing of HTML, CSS, SCSS and LESS as you write it — a powerful addition to your web design workflow.
👥 3 Icon Packs
You can never get enough icons — these 3 collections will keep you going until next month’s update:
1. Diversity Avatars →
Grab 200 avatars from
. There’s a mixture of ethnicities, races and professions. Check it out.
2. Free 210 Avatar Icons →
Download a diverse range of free avatar icons made by Icon54. Batman, IronMan, Yoda, and even 🎅🏻Santa are included!
🙌 3 Curated Resources
3 of the finest curations for designers from this month:
1. Design Systems Repo →
This is a frequently updated collection of Design System examples, articles, tools and talks by
.
3. Unsplash for iOS →
All the freely usable, high-resolution photography on Unsplash is now available on iPad and iPhone.
🤝 2 For Collaboration
Work together better with these 2 apps:
1. Scrumpy →
Planning, made simple — people over processes. Scrumpy is designed for agile teams who manage multiple projects.
2. Flawless App →
offers real-time comparisons of expected and implemented design. Find out how it can improve collaboration between design and development here — made by and .
🛠 8 for Prototyping
Prototyping tools are always being improved. Here’s a selection of updates from April 2018:
1. The All-New Plugin from Plant →
Plant run us through the most recent improvements to their version control software for designers, such as enhanced visual guidance.
2. Introducing Framer Form →
You can now integrate 3D-graphics with your
prototypes with Framer form. It was built to expose a simple API for rendering 3D-graphics in Framer Prototypes. By .
3. Introducing Supernova V2 →
’s biggest update is here — 100% more awesome code generation.
4. STUDIO →
announces the official release of STUDIO!
5. Phase v1 →
It’s all about Interactions in Phase v1.0, coming early summer. Import your Sketch files, and make them interactive. Faster, easier, and more flexibly than many have ever thought possible.
6. Figma to React →
Here’s how
’s web API was used to convert design into React code.
7. Wake joins InVision + Wake Free →
acquire and introduce ‘Wake Free’, a new version coming this summer.
8. Avocode’s new Adobe XD integration →
Introducing
’s new integration for Windows, Linux, macOS and the web.
*If you’ve been counting, that’s 29 tools… last but not least, here’s number 30 🥁: