User guides

Generate code with D2C and D2C⁺

D2C⁺ generates frontend code from a selected design, component or layer. It supports React, Vue and Flutter and can map design components to a project’s component library.

Requirements

D2C⁺ requires an Enterprise Full-feature Seat or Dev Seat and a file in an enterprise space, including that space’s personal drafts. Files outside an enterprise space are not supported.

Generate code in Dev View

  1. Open the target design file in the enterprise space.
  2. Turn on Dev View at the top right.
  3. In the right panel, open the D2C selector and choose D2C⁺.
  4. Select the page, component or layer to generate its code.

When no code-library mapping is needed, a component parser configuration is not required. To reuse your project’s component tags and properties, configure the mapping in DSM.

Use D2C⁺ in your development workflow

Local MCP and Remote MCP also expose design_to_code. The English D2C⁺ quick start provides the full setup and component-mapping instructions. Integrate the generated interface into the project, then implement and test the required data, permissions and business behavior.