Resources

Cool app for creating high-fidelity prototypes and exporting HTML from Figma designs. See also their review on DesignCourse YouTube channel.

A project template from Dropbox, including project cover, status, problem framing prompts, and checklist.

A collection of a few useful tips in Post-it format.

It’s a simple design, but the idea is brilliant.

Beautiful recreation by Rahul Chakraborty. Also on this topic, see the article ​”How I recreated the SpaceX dashboard UI” by Ulises Siriczman.

“Figma charts library made of components. Contains most common data visualization patterns from simple bar charts to complicated heatmaps and financial candlesticks.”

The project provides 700+ open-source vector icons in multiple formats. Make sure to check out their website as well.

Can’t imaging a better place for GitHub to share their design system.

Salesforce published multiple parts of their Lighting Design System.

Design & Documentation kit of Card framework components used for building G Suite Add Ons.

No idea who needs this, but worth bookmarking just in case.

A template provides a foundation for designing your Big Sur app icon.

The team at Doist recreated the just announced Apple Widgets from iOS 14.

Joey Banks built this whole kit before some people even watched a keynote! Awesome work and incredibly useful for anyone designing for iOS.

Official design resources with all the new stuff announced at WWDC, including files for all platforms and in multiple formats, except for Figma. This is a big omission on Apple’s part, but luckily we have a thriving community that quickly rose to a challenge.

A description of how Figma calculates font metrics. Useful mostly for font foundries and type designers.

A beautiful pattern, inspired by African Art.

Layers is a good-looking design system built with a distinct focus on accessibility.

A library of 110+ design components, based on a cross-platform mobile development framework Ionic. Use code ​“launch25” to get 25% off.

Gleb Sabirzyanov shares his starter kit for creating your own design system. It includes inputs, buttons, tags, dropdowns, tabs, type, color, etc. He also wrote a Twitter thread on how he used his Master plugin for building it.