CSS

Cascade Sheet Style rules and usage

Inline CSS

Setup

1. Open the IDE in Figma

2. Select the component or layer that you want to add some inline CSS

3. Navigate to the Visibility section

4. Select the Inline CSS sub-section

5. Click on Add

6. Search your property

7. Add a scalar or dynamic value

8. Click on Save to return to the previous screen

9. Click on Save to store the changes in the layer

Dynamic values

You can add a dynamic CSS value to your component using the IDE data sources and variables to show different stages and behaviors for your component. See also:

🔤Variables

File CSS

Use traditional CSS files, writing in the layer you want to inherit CSS for a more generally available in the app

Setup

Setup

The CSS file will be generated by the screen, and uncodie will try to optimize file management and loading.

1. Open the IDE in Figma

2. Select the component or layer that you want to add some inline CSS

3. Navigate to the Visibility section

4. Select the CSS subsection

5. Add your CSS

6. Click on Save to return to the previous screen

7. Click on Save to store the changes in the layer

Fimga CSS Inherit

All CSS settings from Figma are compatible and inherited in the compiler