JSON Schema

We use JSON Schema to describe the intermediate products of D2C

introduce

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

TreeNode

Dependency

ComponentProperties

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
      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