Sam I am 🫶

@svorklab @haenschenhans @juergengenser @figma @TokensStudio I cant say it's the only option but it'd a good one!

@haenschenhans @juergengenser @figma @TokensStudio @SamIam_Designs

so if you want to sync @figma design tokens to a Git repository (and use Style Dictionary from there) @TokensStudio is basically the only option, or do I miss something? I want a professional commit workflow, not exporting/importing files manually.

🦋samiamdesigns

Hope people have fun generating patterns with this figma.com/community/plug…

@1stfloor You were totally there, there was just a lot more alongside it. 👻

@SamIam_Designs haha I saw your article, I was close! :)

I've got the new Ghostbusters movie on in the background while I finish up this article I'm writing for my #designsystems blog. 👻 Any guesses what the topic will be? The first few people who guess the right answer will receive some stickers from me!

@peces @figma Aww thanks for the kind words and the share! Will add "hopeless variables" to my list of alternate terms. Haven't heard this one yet 🙌 Where can I hear the rest of these nuclear power plant analogies? 🧪

This recap of ghost, zombie and hopeless variables in @figma by @SamIam_Designs is the best I've seen. For those of us who tend to equate design system management to nuclear plant control panels, it's a gem. 🧟👻🔫 open.substack.com/pub/samiamdesi…

@ajhuxlee Ooooh no! But great idea! I'll add it to next year's calendar (:

@SamIam_Designs Ghost buttons!

@1stfloor Kind of, yes!!!

@SamIam_Designs Ghost References 👀

@gleb_sexy Almost!!!!

@SamIam_Designs Ghost components 😆

@thealexismorin Ooooh no, but that's going in the bank for next year!!

@SamIam_Designs Tokens with transparency

@maxc4codeart @iamsteelen Tis the season!! Design systems friends don't let friends ghostbust alone. 👻

@iamsteelen @SamIam_Designs Just spent the last hour debugging my Figma file, only to realize I had a Ghost Variable haunting me. Thanks for the spooky explanation, you've just saved me from a world of pain!

If you are ready to channel your inner Ghostbuster, check out the full guide to Ghost Variables in Figma on my Substack. 👻 samiamdesigns.substack.com/p/ghost-variab… 🧵 6/6

You'll also find battle-tested pro tips from community Ghostbusters and a small army of powerful plugins to add to your arsenal. 👻 The goal is to find where all your Ghost Variables are hiding so you can exorcise them from your Figma file for good. 🧵 5/6

Do you experience feelings of dread in Figma files while working with Variables that should be dead? 💀 If the answer is yes, you might be dealing with Ghost Variables. 👻 🧵 1/6

If you aren't familiar with the story, in 1927, the "famous five" women from Alberta pushed back on the government definition of "persons" which was used to keep women out of the Canadian senate. 🤓 Learn more: canada.ca/en/women-gende… And yes, trans women are women. 🏳️‍⚧️ 🇨🇦

Today I'm celebrating Persons Day. 🇨🇦 As a Canadian who identifies as a woman, it's important to remember that we've only been included in the definition of a "person" in law for under 100 years. 🤯 I'd love to connect with more Canadian women in tech and creative arts!

@Lewishealey @nathanacurtis @Atlassian For my white label, I've always had the interactive states for the container and content side defined as a subcomponent nested in the form. The form only has default and error. This allows max flexibility for prototyping without bloating the file.

@nathanacurtis @SamIam_Designs Let us know what you find! For @Atlassian we wanted to create parity and offer various interactive states like typing and filled. This has been super useful for designers to work with

I’m researching interactive states. Would you recommend other design systems with a published Figma kit (ideally in the Figma community) with Text input components that provide interesting takes on architecting interactive and configurable states. I’ve got 10 audited so far…