Starting a #DesignSystem or wondering what the next phase looks like for your existing one?

@ignaciaorellana and I are going to be running a 1 day design system strategies workshop at this year’s Converge in Manchester.

https://zeroheight.com/events/converge/workshop/

Here’s what we’ll cover:

What are the specific problems YOUR design system needs to solve?

Who are your users and what do they need?

Who do you need to work with?

What are your opportunities and blockers?

1/2

If you need another good reason to visit Edinburgh in the Autumn, this could be it! Two days for the name of one "Design System Day" on 10 and 11 October 2023. A community led event in search of keynote speakers, workshop leads and break out session hosts. Have fun!
https://design-system.service.gov.uk/community/call-for-speakers-2023

#DesignSystem
#UK
#GovDotUK
#Edingurgh
#Scotland
#FontsInTheWild

Developing a focus style for a themeable design system.
https://adhoc.team/2022/02/08/creating-focus-style-for-themable-design-system/ #DesignSystem #CSS

Deleted my Instagram account earlier today. I was barely using it.

Had been considering deleting my Twitt... X account too. But, decided to just keep it dormant (for now). My profile and pinned tweet basically just link here, so it's essentially just a promo for my Mastodon account 🙂.

Gotta say, I was a bit disappointed to see so many #DesignSystem friends being very active on X, when I briefly logged in to update my profile. I had really hoped most of that community would have migrated here.

Had to course correct my colleague's idea to name colors with https://www.color-name.com/ today: don't do this in a design system! Define clearly constrained palettes instead, ideally with the same lightness per step across palettes. This will help you keep your color count in check as well as help with understanding what kind of color you're dealing with in the code.

(And keep that gray/grey consistent: use one or the other, not both …)

#designsystem

I just left this quote in a Jira ticket to do some work, where I proposed a correction to pull something into line with the design system:

> “And some things that should not have been designed were signed-off. History became legend. Legend became myth. And for two and a half thousand years, the Design System passed out of all knowledge.”

Business Analyst said something like “That means all the others are wrong, stay consistent for now.”

😐😑😐

#A11y #Accessibility #BusinessAnalyst #DesignSystem

I wrote a piece on designing accessible buttons for your design system

https://medium.com/design-bootcamp/accessible-design-systems-buttons-ffd5683b45e7

#accessibility #designsystem #productdesign

I've written a list of considerations designers need to make when documenting button components in their design system

Accessible design systems — Buttons
https://lnkd.in/eJyCHpF5

#accessibility #designsystem #productdesign

J’aurais tendance à tomber dans ce piège aussi 😅

https://uxdesign.cc/figma-i-love-you-but-youre-bringing-me-down-fd2ca26c89c4

#DesignSystem #Figma

nice #designSystem :

https://hds.hel.fi/

Very cool, the W3C Design System refers to our GOV.UK Design System heavily - both in design and guidance. For example they link to our form validation guide (which I helped write) here:
https://design-system.w3.org/styles/form-validation.html
#W3C #designSystem #frontend

Current status: Deriving a mini #DesignSystem from a #DesignSystem site.

Who would have thought linking to another Web page was so difficult… 🤷‍♂️

https://github.com/storybookjs/storybook/issues/8618

#DesignSystem #React #Storybook

⚓️ https://nicolas-hoizey.com/notes/2023/06/21/1/

Since Popover API is not widely supported yet, it is a challenge to show a Toast or Notification component on top of a Dialog element. In our Baklava #designsystem we only could just give a prop to the developer to force using polyfilled version when they need to show a toast. Any better ideas? #webcomponents #HTML #CSS https://github.com/Trendyol/baklava/pull/633

My latest #DesignSystem take is that the system itself should not reuse its own components only services and mixins.

I'm excited to share an extended article that introduces our #OpenSource #designsystem named Baklava. Current web implementation uses #webcomponents powered by #lit. It's a big challenge yet big fun to manage an open-source project and a design system in a large company(1500+ IT people) like Trendyol.

https://medium.com/trendyol-tech/introducing-trendyols-open-source-baklava-design-system-b616ede02ebc

Fantastic intro to creating a #designsystem from #figma Well worth a watch, and not too long!

https://youtu.be/Dtd40cHQQlk

Je continue l'exploration de mon canva de #designsystem avec le de la sujet la création de cours.

La commu des formateur•ice•s / profs est-ce qu'il y aurait d'autres choses auxquelles je n'aurais pas penser ?

https://baptistelhopitault.fr/blog/designer-un-cours-design-system

Looking at how the GOV.UK Design System is iterating their contribution model.
#DesignSystem

https://designnotes.blog.gov.uk/2023/05/31/iterating-the-gov-uk-design-system-contribution-model/

Just found this Figma plugin that lets you edit multiple styles at the same time. Really handy for developing colour palettes or if you’re doing something in your design system, like changing fonts https://www.figma.com/community/plugin/818203235789864127

#Figma #DesignSystem #UIDesign