The five best design links, every weekday

Category: Resources

All Categories

maxburnside.com

Maintaining screenshot quality and color profile in Figma

Steps to ensure that the final exported image retains all of the high quality aspects of the screenshot(s) used.

frontendpractice.com

Frontend practice

Take your frontend skills to the next level by recreating real websites from real companies.

bjango.com

Matching drop shadows across CSS, Android, iOS, Figma, and Sketch

If you’ve ever tried to implement consistent shadows across multiple platforms and design tools, you may have noticed that they don’t look the same.

fontsinuse.com

Fonts in use

A searchable archive of typographic design, indexed by typeface, format, and topic.

generativefonts.xyz

Generative fonts

NaN Glyph Filters is a a collection of procedurally generated display fonts and the codebase that was used to design them.

ft-interactive.github.io

Dataviz vocabulary

There are so many ways to visualise data—how do we know which one to pick?

karpathy.bearblog.dev

Digital hygiene

A collection of the most basic digital hygiene tips, starting with the most basic to a bit more niche.

symbl.revend.group

Symbl - your ultimate symbol library

A vast collection of HTML symbols, emojis, payment icons, and SVGs. Perfect for developers and designers to enhance web projects effortlessly.

figma.com

The UX writer’s guide to Figma

Tips for writers to wrap their heads around Figma’s fundamental concepts, and take their skills to the next level.

a11y-collective.com

Best practices for cognitive accessibility

WCAG guidelines, design patterns, and real-world case studies.

zeroheight.com

Design systems report 2025

Pretty valuable resource if you dodge all the ads: the fourth edition of the report showcases the current state of Design Systems in 2025.

monotype.com

Report: future typography

A report by Monotype celebrating typography’s progress, and challenging us to to look at the larger cultural forces shaping our time and work.

18f.org

Product de-risking guide

A guide for government agencies to deliver successful technology projects, from pre-award planning through post-award vendor management.

ishadeed.com

CSS relative colors

An interactive guide to learn CSS Relative Colors.

nngroup.com

The EAS framework for simplifying forms

Eliminate first, Automate where possible, and Simplify what remains — to minimize user effort and improve form completion rates.

blog.pope.tech

Color contrast accessibility requirements explained

A complete guide to WCAG 2.0 contrast accessibility requirements and contrast tools with examples to help you apply it to your own website.

shapeof.ai

The shape of AI

Exploring how patterns and experiences will change in a world driven by Artificial Intelligence.

designtokens.fyi

designtokens.fyi

Defining terms for design tokens.

dayroselane.com

The hydrant directory

A public domain design resource created from public infrastructure.

penpot.app

Accessible design checklist

Improve your design’s accessibility with this quick reference checklist and Penpot plugin.