Interusable Design, Free Drawing Classes, Figma Design System — and more UX this week
Tags: marketing, startup, hotthisweek, design
Published: 2020-03-28 13:57:54

---
title: Interusable Design, Free Drawing Classes, Figma Design System — and more UX this week
published: true
date: 2020-03-28 13:12:27 UTC
tags: marketing,startup,hot-this-week,design
canonical_url: https://uxdesign.cc/interusable-design-free-drawing-classes-figma-design-system-and-more-ux-this-week-afcb1b6adc6b
---

#### _A weekly selection of design links, brought to you by your friends at the UX Collective._


![](https://cdn-images-1.medium.com/max/800/0*zFteVBeJgz1ffLN_.jpg)

- [**Image Formats**](https://joshwcomeau.com/performance/embracing-modern-image-formats/) →  
Tiny cross-browser images, in HTML and React.
- [**Figma.com System**](https://www.designsystems.com/how-a-small-team-built-figma-dot-coms-design-system/) →  
How a small team built Figma web’s system.
- [**Phone Field**](https://baymard.com/blog/explain-phone-number-field) →  
Explaining why the ‘phone’ field is required.

The UX Collective newsletter is a self-funded newsletter read by over 131,700 designers every week. Curated by [**Fabricio Teixeira**](http://twitter.com/fabriciot) and [**Caio Braga**](http://twitter.com/caioab).

### Stories from the community

![](https://cdn-images-1.medium.com/max/900/0*E-L9ckuVHXrMLMCD.png)

[**Designing for interusability**](https://uxdesign.cc/designing-for-interusability-9e22d74bf540?source=friends_link&sk=f1040abac4593ceb36888cfa5d675106) →

![](https://cdn-images-1.medium.com/max/900/0*f5ULNYSXrGfTisgB.png)

[**What will happen to designers if there’s no interface to design?**](https://uxdesign.cc/what-will-happen-to-designers-if-theres-no-interface-to-design-e402b80608b3?source=friends_link&sk=62d6edbe1108bd391b24f9379c893bad) →

![](https://cdn-images-1.medium.com/max/900/0*TvIsI8FlECWMKthD.png)

[**Code-blended design**](https://uxdesign.cc/code-blended-design-cdfbca54ccc5?source=friends_link&sk=861e0a0a379373cdf6e4b53970ab9936) →

More top stories this week:

- [**Am I taking inspiration? Am I stealing?**](https://uxdesign.cc/am-i-taking-inspiration-am-i-stealing-700e3c7fb9f0?source=friends_link&sk=48e9dd0decc10cdd32da4b9591d953fb) →
- [**Embracing terrible first drafts**](https://uxdesign.cc/embracing-shitty-first-drafts-d34c427b9509?source=friends_link&sk=b6ae2876fe84c98c07cc0f137e26356a) →
- [**The Cult of Brand: when should I join?**](https://uxdesign.cc/the-cult-of-brand-when-should-i-join-5c4f2eff019d?source=friends_link&sk=46b225503edbe670ebfd607ef1a71b70) →
- [**You want me to do what?! I can’t draw**](https://uxdesign.cc/you-want-me-to-do-what-i-cant-draw-51517622b17d?source=friends_link&sk=81767e5379f858b390f5b59514c1f01e) →
- [**The UX of flying cars: lessons on designing the future**](https://uxdesign.cc/the-ux-of-flying-cars-lessons-on-designing-the-future-a56e2724ed9d?source=friends_link&sk=6b67a29d4ff8e645aefb1ddca35ddb99) →
- [**Four Definitions of Design**](https://uxdesign.cc/four-definitions-of-design-9e107fb057c5?source=friends_link&sk=cbed7a1711b9b3286c8d2b2d73c38504) →
- [**What a traffic light can teach a designer**](https://uxdesign.cc/what-a-traffic-light-can-teach-a-designer-7f1e30b6f47b?source=friends_link&sk=dcfef47fa30dca0043fe4ce2e27ed720) →
- [**The fonts that made us**](https://uxdesign.cc/the-fonts-that-made-us-7d4ab8886f23?source=friends_link&sk=98f3cffd0566be39eb84fefdc06ad605) →
- [**Public speaking for non-TED talkers**](https://uxdesign.cc/public-speaking-for-non-ted-talkers-86352917ed60?source=friends_link&sk=3949fe14cfaa53c529e2126cffae415d) →

### News & ideas

- [**Stay Sane Posters**](http://stay-sane-stay-safe.com/) →  
Series of posters for lifesavers fighting the virus.
- [**Drawing Classes**](https://www.fastcompany.com/90478307/stuck-at-home-take-free-drawing-classes-from-famous-illustrators) →  
At home? Free classes from famous illustrators.
- [**Inspired by Storch**](https://www.smashingmagazine.com/2020/03/inspired-design-decisions-otto-storch/) →  
When copy, art and type become inseparable.
- [**Phone Accessibility**](https://www.nytimes.com/2020/03/24/smarter-living/phone-accessibility-functions.html) →  
Accessibility settings are useful for everyone.

### Tools & resources

- [**Around**](https://www.around.co/) →  
Video calls for a new era of work.
- [**Animockup**](https://animockup.com/) →  
Create animated mockups in your browser.
- [**Compound Grid**](https://codepen.io/michellebarker/full/zYOMYWv) →  
Little tool to generate compound grids.
- [**Emergency Web Kit**](https://mxb.dev/blog/emergency-website-kit/) →  
Existing (CMS) websites are unable to handle spikes in traffic.

We believe designers are thinkers as much as they are makers. So we created the [**design newsletter**](https://newsletter.uxdesign.cc/) we have always wanted to receive.

* * *