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 / Inspect
Inspect
  • Start
    • Introduction
    • Quick Start
    • Comparisons
    • Terms
    • FAQ
    • Changelog
  • Design to Code
    • Mark Component Library
    • Mark Icon Library
    • Mark Layer
    • Inspect
    • Transform plugin
    • Questions and Solutions
      New
    • Basic D2C logic
    • Transform settings
      New
  • UI Kit
    • Import UI Kit
    • Create Variants
    • Inspect
    • Best Practice of Design
      New
  • About
    • Contact Us
    • Road map
    • JSON Schema
    • Known issues