Skip to content

Incorrect background rendering: multiple Figma color layers exported as a single CSS background #101

@n1k1tal0x

Description

@n1k1tal0x

Here is an example where an object has two colors located on two separate layers.

Image

The plugin outputs (CSS):
display: flex; width: 75px; padding: 32px; justify-content: center; align-items: center; gap: 32px; align-self: stretch; background-color: var(--bg-secondary);

However, in Figma there are two color layers, but in the generated CSS there is only one.
Expected output:

background-color: linear-gradient(var(--bg-secondary), var(--bg-secondary)) top, linear-gradient(var(--bg-secondary), var(--bg-secondary)) bottom;

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