All activity
Lukas Oppermann
left a comment
Have you considered designing shadows systems for your design system?
Elevation Scale for Figma
Create 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 Figma
Create algorithmic shadow systems for your design system
Lukas Oppermann
left 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 Figma
Create algorithmic shadow systems for your design system
Lukas Oppermann
left 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 Tokens
Export & convert design tokens or sync with github repo.
Lukas Oppermann
left 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 Tokens
Export & convert design tokens or sync with github repo.
Lukas Oppermann
left a comment
Happy Christmas š
š
As an early gift, Figma Design Tokens now supports motion design tokens!
Figma Design Tokens
Export & 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 Tokens
Export & convert design tokens or sync with github repo.
Lukas Oppermann
left 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...
Figma Design Tokens
Export & convert design tokens or sync with github repo.