Badge (aka Tag) — small overlapped UI item which indicates a status, notification, or event that appears in relativity with the underlying object.

What is the best size for a design system team? Which profiles do you need? What skills should you look for? Everything you need to know to build the perfect design system team is right in this article!

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

We’re altering the way we handle text in Figma. Join me on the journey we took to get there — through type history and into the modern times.

Apple’s HIG is great, but it doesn‘t contain much information related to designing menu bar extras. This article aims to provide additional details and context needed to create icons for macOS menu bar extras.

Intuit’s Framework for a Scaled Design System

Like code, prove Figma shows what and changes as you expect

Test assets using criteria organized in checklists

Design system documentation has been maturing at a rapid pace over the last five years. how we document is an opportunity for us to stop, reflect and figure out the biggest challenges that face us in how we document and grow our design systems. The ‘how we document’ survey was conducted from Sep to Oct 2021 across social media, industry Slack channels and in emails to design system professionals. https://www.zeroheight.com/how-we-document

Figma Community plugin — Make sure that your designs are covering a reasonable share of the market. Select one or more frames and Viewports will let you change their sizes to your preferred display. Simple! Data source: https://gs.statcounter.com/ Version 2 brings market segmentation and far better data coverage. All t...

Interplay connects and automates design and code workflows to align your entire product team around a single source of truth

Automate your Figma tasks in one click.

Maintaining a design system is a lot of work. In this article, Atila Fassina shares his lessons learned and how a platform such as Backlight can help put together a series of tools to speed up your architecture setup.

Are “accessible” fonts actually as accessible as they claim? If not, what are the things we need to know when choosing a font that responds to different reader needs? This session will explore what dyslexia is, what cognitively happens when we read, and what elements of a typeface make a difference to how accessible it is, and to whom. Bruno, David, and Gareth have decades of experience between them. Bruno as a Typeface Designer, David as a Typographer, and Gareth as a UX Design/Accessibility expert. Together they spent over 3 years researching and steering the creation of BBC Reith family, the BBC’s corporate accessible typeface. This session is from the Design track. About the speaker: Gareth Ford Williams, BBC, Head of User Experience Design, Accessibility Preferred Pronoun: He/Him Gareth Ford Williams In 2005 Gareth founded the BBC’s Digital Accessibility Team. Over the course of the first 3 years the Accessibility Team worked as an integral part of iPlayer’s core Product Team ensuring BBC iPlayer V1.0 launched as an accessible product. The accessibility team became part of UX when the BBC’s UX Design Team was founded in 2008. Gareth established the Design Research Team in 2010 and subsequently became a Head of UX Design. His team manages a network of over 200 Accessibility Champions, the oldest network of its kind in the industry. His team has also pioneered Mobile Accessibility Guidelines, BBC MAG, which were the first in the industry which have been used by thousands of organisations around the world. He has an interest in accessible typography going back his time on attachment as a product manager at YouView where he led the work on selecting the UI typeface, and since then he was a key stakeholder in the delivery of BBC Reith and BBC Qalam. About the speaker: David Bailey, BBC, UX Principal Preferred Pronoun: He/Him David cut his teeth as a designer in the nineties working with world-renowned agency The Designers Republic. In 2005 he formed his own studio, Kiosk, which produced cutting-edge design and branding for the music, arts, fashion and broadcast industries. He joined the BBC as a design director in 2013, spearheading the development of its digital design framework, GEL, and the introduction of their corporate typeface ‘BBC Reith’. This work helped inspire the formation of The Readability Group, alongside Bruno Maag and Gareth Ford Williams. About the speaker: Bruno Maag, Dalton Maag, Typeface Designer Preferred Pronoun: He/Him Bruno Maag is an expert typographer with over forty years of expertise in his field. He founded and led Dalton Maag Ltd, the world’s leading studio for typeface design where he worked with some of the best known brands: Amazon, Nokia, Intel, HP, AirBnB, Netflix, Facebook, DHL, FedEx, ABB, BBC, Rakuten amongst many others. All these brands have in common that their typography needs to be as accessible as possible to the clients’ audiences. 00:00 Don’t Believe The Type! 38:18 Q&A Learn more about axe-con at: https://www.deque.com/axe-con/

Figma Community plugin — Create, save and reuse prototype interactions.

Loading critical assets as fast as possible is vital for improving page speed. Learn how to optimise what’s essential and signal it to browsers.

Useful Figma plugins that will help you fix all the little slowdowns and boost your productivity. From color management and image assets to SVG shapes and animation. That’s our new guide to Figma.

Might be good to have a glossery like this for our design system as well.

I found a pretty reliable way to create flexible, responsive custom tables in Figma. I’ll do a video walkthrough at some point, but if you want to play… https://t.co/cibZI3Uk4g— Buzz Usborne (@buzzusborne) April 6, 2022

Use right-to-left (RTL) and bidirectional controls in Figma and FigJam Before you start Who can use this feature Supported on any plan Available in Figma design and FigJam files U...

The three Boolean options in presentation mode correspond to three query string parameters you can add to any Figma prototype URL: `hotspot-hints=0` disables the blue highlights that show when you click a non-interactive area `show-proto-sidebar=0` hides the sidebar list of all prototypes in the document `hide-ui=1 ` hides the Figma UI around the prototype (this overrides show-proto-sidebar, even if you set that to 1)

F69: Failure of Success Criterion 1.4.4 when resizing visually rendered text up to 200 percent causes the text, image or controls to be clipped, truncated or obscured | Techniques for WCAG 2.0

All the reasons you don't need a modal — and what to use instead.

Shimmering text that animates and looks a bit like it's irridescent foil stamped

Why, what and how designers should document accessibility requirements and user interactions to make product better and more inclusive

SocialSizes provides designers with the best sizes to use for Image and Video content on Social Media. Get downloadable templates for Sketch, Figma, Photoshop and Adobe XD (no more googling for everything).

Recently I have went through the process of adding support for the new watch face complication sizes on the Apple Watch Series 7. Previously, I have used PNG images for …

Create beautiful design system documentation collaboratively with zeroheight

Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets for your design system — automatically.