JSON Schema

We use JSON Schema to describe the intermediate products of D2C


In D2C, we will convert the Figma layer into a Schema, and extract the style, nesting relationship, and attributes of the Figma layer into an abstract JSON Schema. Through JSON Schema we can convert the layer tree into any DSL.
The role of Schema includes but is not limited to the following scenarios.

Interface definition




Copy JSON Schema

You can get the D2C JSON Schema in the following ways.

After the translation is complete

After the translation is complete, click the "Copy JSON" button.

After marking is complete

After marking, click the "Copy JSON Schema" button, or "Copy Schema URL".

via command

Press CMD + / on the canvas, enter "Semi", select "Translate Selected Layer", select "Copy as JSON Schema" or "Copy as Schema URL".
  • Start
    • Introduction
    • Quick Start
    • Comparisons
    • Terms
    • FAQ
    • Changelog
  • Design to Code
    • Code Translation
    • Mark Component Library
    • Mark Icon Library
    • Mark Layer
    • Inspect
    • Transform plugin
    • Troubleshooting
    • Basic D2C logic
    • Supported Components
    • Global Settings
  • 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