Extract compressed brand context from a Penpot file. Returns design tokens, components, pages, and layout constraints in a token-efficient format. Use this FIRST to understand the design system before generating any UI.

Extract design tokens (colors, typography, spacing) from a Penpot file. Returns structured token data for use in code generation.

List components in a Penpot file with their variants. Use to understand available building blocks before generating UI.

List Penpot files accessible to the authenticated user. Use to discover available design files.

Create a shape element (rectangle, ellipse, text, board, svg) on a Penpot page. Use get_constraints FIRST to understand layout boundaries before creating elements.

Get layout constraints and design guardrails for a Penpot file. Returns spacing scale, color tokens, typography scale, and MUST/MUST NOT rules. Call this BEFORE generating any UI to avoid layout overflow and brand inconsistency.

Get the layout structure of a Penpot page as a compact tree. Shows frame hierarchy, layout types (flex/grid), gaps, and sizing. Use to understand spatial structure before creating or modifying elements.

Import a Figma file's design system into Penpot. Converts colors, typography, components, and page structure. Use dryRun=true first to preview the conversion before writing.

Update an existing shape on a Penpot page. Can modify name, position, size, fill color, corner radius, and visibility.

Delete a shape from a Penpot page. Use with caution — this is irreversible.