All activity
Lukas Oppermannleft a comment
Have you considered designing shadows systems for your design system?
Elevation Scale for FigmaCreate algorithmic shadow systems for your design system
Elevation scale is a Figma plugin to create a system of shadows
ā
Automatically create & update effect styles
ā
Edit elevation scales any time, styles will update
ā
Define properties with functions (x, y, blur, spread, opacity)
ā
Add multiple shadow layers
Elevation Scale for FigmaCreate algorithmic shadow systems for your design system
Lukas Oppermannleft a comment
Let me know what you think, you can find the docs on GitHub: https://github.com/lukasoppermann/elevation-scale If you find a bug or want to suggest a feature, github is the place to go as well.
Elevation Scale for FigmaCreate algorithmic shadow systems for your design system
Lukas Oppermannleft a comment
New update: Improved text style properties. Now the plugin uses a lookup table to translate figma's font-style into `font-style`, `font-weight` and `font-stretch`. Read more about it here: https://github.com/lukasoppermann/design-tokens/releases/tag/v2.0.0
Figma Design TokensExport & convert design tokens or sync with github repo.
Lukas Oppermannleft a comment
Happy new year š happy new feature: Design Tokens for Figma now supports spacing / padding tokens via auto-layout: https://www.figma.com/community/plugin/888356646278934516/Design-Tokens
Figma Design TokensExport & convert design tokens or sync with github repo.
Lukas Oppermannleft a comment
Happy Christmas š
š As an early gift, Figma Design Tokens now supports motion design tokens!
Figma Design TokensExport & convert design tokens or sync with github repo.
Export Figma styles and custom design tokens to a style dictionary ready json or sync to github.
āāāā
ā
Actively developed
ā
Compatible with Amazon Style Dictionary
ā
Sync tokens with github / dev server
ā
Support for Figma Styles
ā
Support for custom tokens
Figma Design TokensExport & convert design tokens or sync with github repo.
Lukas Oppermannleft a comment
When working with design tokens the workflow can be quite a hassle: 1. Change a color, size, etc. in Figma 2. Once you are happy, adjust the token in a json file & convert them with style dictionary 2. Upload the new files to Github With the plugin Design Token plugin for Figma you get all this with just one click without leaving Figma. ā Styles and tokens are exported and send to a Github...
Figma Design TokensExport & convert design tokens or sync with github repo.