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

© 2021 - 2023 Semi Design. All rights reserved.

京ICP备19058139号-13浙公网安备 33011002016131号

Designed & Developed with love by Douyin FE & MED

  • Start
    • Introduction
    • Quick Start
    • Comparisons
    • Terms
    • FAQ
    • Changelog
  • Design to Code
    • Code Translation
    • Mark Layer
    • Mark Table
    • Mark Component Library
    • Mark Icon Library
    • 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