Dan's design links

Update: I fixed this by adding `font-synthesis: none;` to everything. Crazy that the mobile browsers were trying to synthesise their way around opsz. I’ll be adding this to some articles!(Thank you, @Armstrong, for making me think about browser defaults as the potential issue!) https://t.co/op6ejHDB6T— Elliot Jay Stocks / Other Form 🇺🇦 (@elliotjaystocks) September 26, 2022

Unlocking the full potential of your design system with the power of chat GPT

Advanced courses for designers who never stop learning.

Generate all possible instances for your components, including every combination of variants and component properties, all in a tidy labelled table. Creating tables Select one or multiple components or component sets.Run Propstar.That's it! A table of instances will be generated behind your comp...

Includes info on title case vs sentence case. For Intuit content designers, the words on their own should guide customers, but sometimes financial and tax language needs special formatting for clarity.

An overview of the new WCAG 2.1 Success Criteria broken down by user groups that they accommodate and other helpful resources.

Making text accessible should be part of everyday practice. However, general typographic practices of optimizing legibility and readability don’t necessarily go all the way towards making text accessible.

A simple but thorough checklist to reference every time we need to choose a new typeface, with each item explained in detail.

A detailed approach to combining typefaces based on their construction.

Applying the principles of WCAG 3.0 to some current visions of the future

A plain language word list for UX writing and help content to make your writing sound more human.

Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face

I created Design System Metrics Collection as an inspiration for what exists and worked for my clients.

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

The best dark mode implementations on the Internet

Accessibility, inactive buttons and WCAG

When it comes to error handling, it truly is a team sport

Figma Community plugin - Rename all your layers in one click. Thanks to AI. Free. Open source.

Figma Community plugin - Gives you ultimate control over nested instances, tweak ◇s around without detaching. 👉 Video Tutorial Work best on instances that's using Auto-Layout V4.0 This plugin is inspired by Gleb's Master plugin Major Update Highlights: Monday, Aug, 8th, 2022 Added back Table (row based) control func...

Figma Community plugin - This small plugin lets you grab as many frames as you like and generate a nice list for easy navigation through your project or components. This includes: Selecting 1 or multiple itemsAble to customize the color of the font and list backgroundYou can choose if you want to include the Page prefix...

Color & Contrast is a comprehensive guide to color for user interface designers.

Give your simulated text a realistic look while making it easy to add copy later on with Dan Ross’s Flow Fonts and Christian Naths’s Redact...

While keeping things simple for your design teams

Whose sources, and whose truths?

Usability testing is the practice of evaluating your product with real people. Learn how to conduct effective user testing to get actionable insights.

Everything has a shelf life, a time when something has served its purpose and it’s no longer needed. While we talk a lot about how to start a design system, it’s not often talked about what to do w...

Let's dive into the lucrative career opportunities for people on design system teams

Tables frequently appear on the web but aren’t easy to design and code. This illustrated guide explains the table anatomy and how to build a table, keeping in mind its future elaboration.

And how to make the spacers handy and transparent with the help of components