Create Variants

Custom Variants = Semi Variants + DSM Custom Theme
Custom Variants
Using Semi Variants

Custom Variants

When your team uses the Semi component library and needs to change the theme, you can customize Variants.
Business-style Variants can be easily created with Semi DSM. View Use DSM to quickly customize Figma component library documentation

Using Semi Variants

If you don't need to customize the theme, use the default Variants directly.
UI Kit / Import UI Kit
Import UI Kit
UI Kit / Design draft rules
Design draft rules
  • Start
    • Introduction
    • Quick Start
    • Comparisons
    • Terms
    • FAQ
    • Changelog
      New
  • Design to Code
    • Code Translation
    • Mark Component Library
    • Mark Icon Library
    • Mark Layer
    • Inspect
      New
    • Transform plugin
      New
    • Troubleshooting
    • Basic D2C logic
    • Supported Components
    • Global Settings
      New
  • UI Kit
    • Import UI Kit
    • Create Variants
    • Design draft rules
    • Table Usage
    • Form Usage
    • Variant Update Notes
  • About
    • Contact Us
    • Road map
    • JSON Schema
    • Known issues