Issue N16

Toucaan CSS - Sketch App Data - UI Playbook - Figma To Code - Basicons - Dev Fonts - Top 15 Figma Resources - Multi -Isoflow -Noted - Danfo.js and many more!

Hi and welcome to the 16th issue. On this issue, we go from Tucaan CSS to Basicons and lots of great and useful resources, as the past weeks.


On the last issue I sent, there were some links that were not working, They were corrected the same day on the web version.
My apologies for that, you can see them here.

Makers & Designers interviews.

I am going to be preparing the landing page with the new name…. After that, I will be sending the questions.
Is going to be fun. I can see it…

Be part of it.

Remember that you can always leave a comment regarding anything.

New here?

Jump in, Subscribe here.

Without further ado, here is Issue N16. Enjoy it.— Michael.


Sketch App Data »

32,194 unique points of data for your next design project.

Using data just got easier. Search, download and populate your Sketch and Figma designs with TXT and JSON data. New data added every week.


The Moon APP »

Moon is and INDIE HACKERS mobile app.

UI Playbook »

The documented collection of UI components.

Danfo.js »

An open-source, JavaScript library providing high performance, intuitive, and easy to use data structures.

Dev Fonts »

List and preview of fonts for coding.

Isoflow »

Create beautiful cloud diagrams in minutes.

Muti »

Make a custom, lightweight macOS app from a group of websites.

Crop Here »

Image Cropping.

Git Streaks »

Make coding every day a habit.

The Digger »

You can search for an exact phrase by enclosing the phrase in quotation marks


Figma To Code »

Convert Figma layouts into responsive webpages (in Tailwind) or mobile apps (in Flutter and SwiftUI).

Arrow Auto »

Collection of 1100+ pixel perfect icons now available in Figma. Easier to find, easier to paste.

The Icon of Icon Set »

Auto-track positions in updating mode.

Sketch Flow Exporter »

A Sketch prototype HTML exporter

Noted »

Noted makes it easy for you to take simple notes on Figma.

Basicons »

Basic icons for product design & development.

Teeny Icons »

Tiny minimal 1px icons designed to fit in the smallest places.

The 100 Days of Code VS Code extension »

Helps you reach your goals toward completing the #100DaysOfCode challenge.


Rethinking CSS frameworks ( Tucaan CSS ) »

Let’s take a look at how we could use the new powers of CSS to write modern web applications of 2020 and beyond, here on Earth.

100 Days of CSS Illustrations »

As a personal fun project, I challenged myself to do 100 CSS drawings in 100 days. 

Gradient angles in CSS, Figma & Sketch »

In the last years, I have worked with different graphics programs and have written many lines of CSS. 

Summer Top 15 Figma resources »

The handpicked collection of the newest templates for Figma: UI kits, UX tools, design systems, icons, illustrations, etc.

7 reasons why now is the time to hire junior designers »

To design for unprecedented times, we need new methods. Junior designers are the key to building successful design teams in 2020.


“Morgan, the sound guy.”

By FRASIER DAVIDSON on Dribbble. »

Character Test animation gif animated 3d test


WICKED TEMPLATES: HTML responsive templates ready to customize out of the box.

If you just found about the newsletter you can subscribe by clicking this button.

You can also follow me and Colors & Fonts on:

Dribble · Twitter · DevCommunity