Resources

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.

GitLab’s open-source design system.

Print out one of the provided origami patterns, or design a custom one, and follow the instructions to create your own little paper masterpieces.

“This is a simple mockup with a glass effect created from the video presentation of the new Microsoft tool, Office.”

Symbols and connectors for describing information architecture and interaction design. Originally thought of and conceived by Jesse James Garret.

Unofficial desktop application for Linux made with Electron.

Automatic daily backup of high-resolution images from Figma (.fig is not supported by the API yet). I thought that there could be a place for a 3rd-party tool like this when Cameron Moll couldn’t locate his Figma files.

Pixelic is a collaborative workspace for Figma users to sync Figma pages, manage frame-level versions, exchange feedback, and manage design tasks in one place. Post ​”When Figma isn’t enough for product teams” shares their vision on how a ​“third workplace” for Figma users could help designers save time and work better. Looks really promising.

Figurative brings the desktop-class editor experience from Figma to iPadOS. Compatible Magic Keyboard, Trackpad, or even Mouse.

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