apply_design_system
Apply a design system to selected screens, updating colors, fonts, and shapes to align their appearance with the design system.
Instructions
Applies a design system to a list of screens. Use this tool when the user wants to update one or more screens to match the style of a design system. This tool applies the selected design system's foundational design tokens (colors, fonts, shapes, etc.) to the chosen screens, modifying their appearance to align with the design system.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| assetId | Yes | Required. The asset id of the design system to apply, can be fetched from 'list_design_systems'. Example: '15996705518239280238', without the `assets/` prefix. | |
| projectId | Yes | Required. The project ID of screen instances to edit, example: '4044680601076201931', without the `projects/` prefix. | |
| selectedScreenInstances | Yes | Required. The screen instances to edit, which is available in the Project info, fetched by `get_project`. |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| projectId | No | The project ID of the generated screen. This is the same as the input project ID. | |
| sessionId | No | The session ID of the generated screen. | |
| outputComponents | No | The generated output components. |