xd_get_design_system
Extract the design system used in an Adobe XD file—colors, typography, corner radii, strokes, and shadows—then output it as JSON, CSS custom properties, or Tailwind theme config.
Instructions
Extract the design system actually used in the file: color palette (ranked, with fill/text/stroke usage), typography styles and size scale, corner radii, stroke widths and shadows. Output as json, css (custom properties) or tailwind (theme.extend).
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| file | Yes | Absolute path to a .xd file | |
| format | No | json |