The following is a retrospective of some of the best and most useful resources for web designers including tools, plugins, UI kits and many others that we curated during March 2018.
1. Tools
Lunacy
Lunacy is a lightweight Windows design tool that supports Sketch files and it’s currently under active development. The app comes with a limited set of tools for now, but the future seems bright based on the featured scheduled for the next release.
Crumby
Crumby is a collaboration tool for designers that allows you to manage all the assets in your project in one place and provides other cool features like real-time collaboration, task management, and others.
Subform
Subform is a visual tool for creating dynamic UI layouts.
Pretzel
Pretzel is a Mac OS only app that searches and shows you keyboard shortcuts based on the currently focused app. A really great small tool to make you a wizard in almost any app.
CSS Gradient
CSS Gradient is a tool that lets you create and fiddle around with gradients that you can use as backgrounds for websites or how you see fit.
Crunch
Crunch is a Mac OS only tool for (modest) lossy PNG file optimization with really great file size output.
UI Faces
UI Faces is a tool that aggregates photos from various sources. There’s also a cool Sketch plugin based on it that you can use to quickly generate avatars without leaving the app.
Variable Fonts
Variable Fonts is a really simple tool that helps you find and play around with variable fonts.
2. Libraries & Extensions
Tippy.js
Tippy.js is a vanilla JS tooltip and popover library powered by Popper.js.
Fontanello
Fontanello is a browser extension for Google Chrome and Firefox that lets you display the basic typographic styles of a text by right-clicking it.
3. UI Kits & Templates
Deck
A beautiful and free card-style UI kit from InVision.
Papaya
Not a UI kit, but a collection of free landing page templates that you can use for any project.
iBlocks
iBlocks is a free iOS wireframe kit with simple, colorful blocks.
4. Icon Packs
Fintech Icon Set
A collection of 48 financial technolohy vector icons built by Agente Studio.
200 Free Icons
A collection of 200 free vector icons designed and released by Henrik Γstergaard.
5. Fonts
Vindica
Vindica is a free, powerful and young typeface designed by Rubirubiko.
Homemade
Homemade is a free, brush typeface that comes with ligatures and contextual terminal forms designed by Locomotype.
Quickens
Quickens is a free, hand-drawn font inspired by old lettering textbooks.
6. Great Reads
- πLesser known CSS quirks & advanced tips by Peedu Tuisk
- πGood to great UI animation tips by Pablo Stanley
- πAn in-depth look at Prototyping in Sketch by Sketch
- πEthical Design: The Practical Getting-Started Guide by Trine Falbe
- πSketch 49 – Find and replace colors everywhere by Francesco Bertocci
- πΉHow dark patterns trick you online (YouTube) by Nerdwriter
What are your favorite tools or resources released this month? Did we miss anything? Let us know in the comments below! π
π€ What do you think?