Brandon Templar

An example image that walks through Variable Atlas, a Figma plugin

I spent the first couple days of winter break building Variable Atlas, a Figma plugin that creates a navigable index of variables. With Variable Atlas, you can quickly find and navigate to variables in your file.

Check it out here: www.figma.com/community/pl...

#designsystems #ux #Figma

Built and shipped my first #Figma plugin for #DesignSystems - Component Guardian collects a baseline of a Figma Library, and later, you can run the plugin again to see if you are introducing any breaking changes.

Give it a try and let me know what you think: www.figma.com/community/pl...

To create more accessible outcomes, we need better design tools Visual design tools can bias designers into less accessible results. So how can these tools help improve these outcomes?

To Create More Accessible Outcomes, We Need Better Design Tools.
Nik Jeleniauskas explores some interesting ideas on how Figma could improve to help designers build more accessible products.

Design is the last thing you should focus on when starting a design system When building your design system, focus on process over pixels.

"It’s counterintuitive but the design part of a design system is less important than the establishment of a design system and its adoption." #designsystems

Scalable Design Systems: Avoiding Team Chaos As teams grow and projects become more complex, maintaining design consistency across multiple platforms, products, and contributors can…

"Scalable design systems are the key to harmony, they provide a shared language, tools, and principles that unify teams and streamline workflows." #designsystems

Accessibility as a first-class citizen in your design system Great design isn’t just about aesthetics or functionality – it’s about inclusivity.

“When accessibility is built into your design system from the outset, it transforms how teams work and how users experience your products.” #designsystems #accessibility

Please post everything you make 💙

Yasss 🌙👏

Design System governance Models for consistent User Experience

“According to the Nielsen Norman Group’s report released in 2022, companies with well-defined design systems could reduce the variations to 40% while improving the design-development process by 40%.” #designsystems

Here’s an excellent piece about the cultural impact we have to make, the stuff way beyond just visual cohesion.

We have to change how people get to the visual cohesion.

Really worth a read for my #designsystems folks!

Reminding you all that aria-label overwrites.

<span aria-label="Price">€30</span>

This changes the accessible name to "Price". It does not concatenate.

Naming things is hard. If you don’t know what to call a component in your design system, you can start by looking at what other teams are doing.

Component Gallery is a great resource for this: component.gallery/components/

…But don’t assume that something is correct, just because it’s popular.

I’m gonna do the same thing!

How do you talk to your family about Web Components on Thanksgiving? 🦃

Exit 12 off ramp meme showing a traffic sign above the highway which says “Design System” straight, “Detach instance” right, and a car labelled “Designers” is stepping on the pedal to go right instead of trusting the system.

YOLO

Hello Bluesky! I hear you’re much friendlier over here