Stef Walter · @stephaniewalter
2145 followers · 2395 posts · Server front-end.social

How Spotify’s Design System Goes Beyond Platforms (11min) figma.com/blog/creating-cohere
Interesting cross-platform approach: they first design the component for all platforms at the same time, rather than designing for each platform individually. Also, design tokens, of course!

#designsystems #crossplatform

Last updated 1 year ago

jpamental · @jpamental
625 followers · 121 posts · Server front-end.social

Thinking a lot about how design systems—and the teams that create and maintain them—intersect with BASF taglines and Sol Lewitt wall drawing instructions. Direction and ambiguity, constructors and constraints—all in service to making what you make, better

#designsystems #randomthoughtsondesign

Last updated 1 year ago

Scott Kellum :typetura: · @scott
948 followers · 123 posts · Server typetura.social

The design project I’m most proud of was a back-office intake form. It was built with off the shelf CRM components.

I talked with people impacted by the form and found opportunities to improve it. It helped the VA triage at-risk veterans. It literally saved lives.

It didn’t matter what design system or UI library was used. What mattered was identifying the human needs of the system and helping patient advocates address the problems veterans had in the moment.

#design #designsystems

Last updated 1 year ago

Doug Wade · @dougwade
78 followers · 577 posts · Server mastodon.xyz

It's time for the CTA!

- Write a design system
- Start with a style guide if a whole design system is too much
- Learn about the design tokens already present in your system
- Look at the consistency of your design system

#seattlejsconf #designsystems

Last updated 1 year ago

Doug Wade · @dougwade
78 followers · 574 posts · Server mastodon.xyz

Design Token naming is so much harder than I expect. AWS Amplify publishes their recommendations here: ui.docs.amplify.aws/react-nati

#seattlejsconf #designsystems

Last updated 1 year ago

Doug Wade · @dougwade
78 followers · 572 posts · Server mastodon.xyz

There are two major schools of design system tooling: blueprint or skeleton component libraries, and branded component libraries. I'm wondering a bit about how how headless component libraries and design systems dovetail -- if you have a headless component library, you don't really have a design system, imo.

#seattlejsconf #designsystems

Last updated 1 year ago

Doug Wade · @dougwade
78 followers · 571 posts · Server mastodon.xyz

Design tokens include spacing, color, typography, animation -- anything that can be represented as data.

#seattlejsconf #designsystems

Last updated 1 year ago

Matthew · @caramel
8 followers · 69 posts · Server fosstodon.org

I have finally finished my pet project!

If you work in or and have ever added additional themes to your project, you probably know how difficult it is to match the contrasts of your original theme.

Well, look no more! I have built a tool that helps you do just that!

Plug in a color from your primary theme, the background color to compare against, and the hue value of your new theme - and viola! A new color that matches will magically appear!

subtractiv.com/blog/2023/contr

#design #designsystems

Last updated 1 year ago

Guido Schmidt · @guidoschmidt
648 followers · 870 posts · Server genart.social

The beginning of my year was characterized by changes and a lot of ups and down. Thankfully I found a new position already in April. Now I'm super happy and thankful I got this position as Creative Developer at field.io within this group of so many kind, professional and creative people 🎉 😍

thanks for having me!

#fieldio #fieldsystems #newmember #creativedeveloper #developer #graphicdesign #motiondesign #designsystems #generativeart #creativecoding #codeart

Last updated 1 year ago

Mariusz · @mariusz
869 followers · 1350 posts · Server mastodon.design

By demonstrating impact, Digital Design professionals undoubtedly contribute to improving the digital product/service and promote the awareness of their discipline within the organization.

bootcamp.uxdesign.cc/how-to-me

#designsystems #ux #uxdesign #productdesign

Last updated 1 year ago

Brandon Templar · @brandon
82 followers · 7 posts · Server brandontemplar.social
Mariusz · @mariusz
867 followers · 1341 posts · Server mastodon.design

Token names are how design tokens are referenced and identified by consumers. But at the core, a “name” is more of an ordered representation of a catalog system and API. This catalog system and API is also known as a token taxonomy. Building a clear taxonomy assisted us in appropriately and consistently classifying tokens, as well as providing a scalable and predictable naming convention for consumers.

medium.com/@NateBaldwin/creati

#productdesign #designsystems #ux #uxdesign

Last updated 1 year ago

Brandon Templar · @brandon
75 followers · 6 posts · Server brandontemplar.social

Hi fediverse! New private instance calls for a new . I'm Brandon, a technical product designer. I love the intersection of and , and am particularly interested in . I live just outside Washington, D.C. with my husband and 2 cats. I tweet about happenings in my personal life, , , , , , , , , and .

#introduction #design #code #designsystems #tech #art #photography #uxresearch #frontend #lgbt #videogames

Last updated 1 year ago

Tyler Sticka · @tylersticka
553 followers · 142 posts · Server social.lol

I like , its block editor seems super powerful, but I wish it were easier to bring in external libraries of portable HTML, CSS and JavaScript patterns… 🤔️ cloudfour.com/thinks/wordpress

#wordpress #webdev #designsystems

Last updated 1 year ago

Stef Walter · @stephaniewalter
1901 followers · 2090 posts · Server front-end.social

Interface Inventory Blueprint: figma.com/community/file/10906
A template to start your design system interface inventory (by Honza Toman)

#designsystems #figmaresource

Last updated 1 year ago

Mariusz · @mariusz
861 followers · 1307 posts · Server mastodon.design

Design Language Systems are aimed to be a shared Language for understanding design, that transparently leads to understanding implementation.

medium.com/@GetInRhythm/why-yo

#uxdesign #ux #productdesign #designsystems

Last updated 1 year ago

Mariusz · @mariusz
850 followers · 1299 posts · Server mastodon.design

Component nomenclatures are a topic that is often left to the last and makes it very difficult to implement, build and maintain component libraries.

medium.com/@Mcondesa/naming-co

#uxdesign #designsystems #productdesign

Last updated 1 year ago

Amy Hupe · @Amy_Hupe
1267 followers · 307 posts · Server social.design.systems

Starting a project tomorrow for a lovely new client. It’ll be short and sweet but I’m excited to be working with them and partnering up with @heydon again.

I still have some availability this month so let me know if you need any:

- content design
- design systems support

#contentdesign #designsystems

Last updated 1 year ago

Mariusz · @mariusz
844 followers · 1269 posts · Server mastodon.design

By doing a design audit, you can uncover inconsistencies, redundancies, and gaps within your design system. This knowledge allows you to make targeted improvements and enhancements.

medium.com/@vimalamdes13/the-p

#uxdesign #ux #designsystems #productdesign

Last updated 1 year ago

Mark G. Davis :medium: · @markgdavis
312 followers · 1175 posts · Server me.dm

Deep into css custom properties. Full convert from preprocessor sass variables. Liking it.

#css #designsystems

Last updated 1 year ago