In this post, we’ll cover how the semantic color approach we described in the first post works for designers, in practice.
Setting color...
For further actions, you may consider blocking this person and/or reporting abuse
Very insightful, thanks Emily.
At the agency I work we are always looking to improve our methodologies, and I've been looking for solid approaches on this specific topic—This one takes the cake so far; easy to understand and intuitive.
I'd be curious to learn more how you decided on your Groups and how you keep things lean in general (in and outside of Figma). I noticed a
budgetBarOnNonWhiteBackgroundso it seems things can get quite granular. In an agency context we have to solve for many different scenarios and projects, so especially tough to come up conventions that scale.I've been experimenting with having the source of truth live in an Airtable or Google Sheet, generating specifications in Figma through a plugin, which is exciting, but exporting code from Figma seems the way to go. I'd be interested in trying the plugins you've built.
Thank you for sharing this. I am a developer making my first steps into figma and I am happy to learn
.as prefix marks a style private :)On my journey I wrote a plugin that does both things you mentioned here:
1) Automatically updates references
2) Let's you switch contexts between light and dark with a single click
Figma: figma.com/c/plugin/791262205400516...
Github: github.com/gossi/figma-style-refer...
I am happy to collaborate on this, please reach out.
Will the light / dark theme plugin you mention be available for Sketch any time soon?
Hey Steve! At the moment we are just planning on building it for Figma, since that's what our team uses. But I wouldn't be surprised if someone else builds it for Sketch, esp. as adoption of dark mode becomes more and more widespread! :)