Uncodie
Technical DocumentationNo CodeTutorialsChangelogDisccord
No Code
No Code
  • 🏁Getting Stared
    • 🥳Introduction
      • What is Uncodie?
      • App
      • Figma No Code Plugin
        • How to associate your Figma token to Uncodie?
        • How to associate an Uncodie project to figma?
  • 📖Basic Concepts
    • 🧩Components
      • Screen Page
        • Screen Layout
        • Screen Content
      • Table View
        • Table View Header
        • Table View Row
        • Table View Cell
      • Form
        • Text Area
        • Selector
        • Input
        • Button
        • Output
      • HTML components
        • Headers
          • H1
          • H2
          • H3
          • H4
          • H5
        • Title
        • Parragraph
        • List
        • Iframe
        • Video
        • Audio
        • Link
        • Progress
        • Meta
        • Image
        • SVG
      • Advanced
        • Chart
          • Style Personalization
        • Repeat
        • Loading
    • 🎨Appearance
      • Visibility
      • CSS
      • Adaptative Design
      • Responsive Design
    • 🏗️Prototyping
      • Modals
      • Variants
      • Navigation
    • 🔤Variables
    • 💽Data Sources
      • Collections
      • Queries
      • Scripts
    • 🔍Data Binding
    • ⚡Actions
      • Scripts
      • Events
    • 🧑User Management
      • Privacy
    • 🍪SEO and Tracking
      • Capabilities
      • HTML Head Scripts
    • ☁️Publish and Deploy
      • Custom Domains
Powered by GitBook
On this page
  • Inline CSS
  • Setup
  • Dynamic values
  • File CSS
  • Setup
  • Setup
  • Fimga CSS Inherit

Was this helpful?

  1. Basic Concepts
  2. Appearance

CSS

Cascade Sheet Style rules and usage

PreviousVisibilityNextAdaptative Design

Last updated 1 year ago

Was this helpful?

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:

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

📖
🎨
🔤Variables