Skip to content

Export shadows and typographic tokens #357

@mindplay-dk

Description

@mindplay-dk

Now that shadow tokens are supported in Penpot, could we have shadow styles exported from effect styles in Figma? There are several other effect types, but probably "drop shadow" and "inner shadow" are the most commonly used, and both are supported by shadow tokens now.

Same for typography styles - these can become typography tokens in Penpot.

Since Figma styles aren't variables, they also don't belong to a collection - I would suggest creating a set named "Figma Styles" to hold tokens exported from Figma styles, and then the user can move things around or give that set a more meaningful name, etc.

There are color styles in Figma as well - I don't know that most people use those, since they were sort of "superseded" by color variables. But for completeness, you might consider exporting those as well. Main difference (afaik) between color styles and color variables is that color styles can stack multiple colors. I don't know how useful that is in a web context - stacking background-image gradients? I don't know that this is worth the effort and complexity. Personally, I would settle for exporting single-color styles (or maybe just the first color of each style) as color tokens.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions