ai.to.design is now free.No account needed.Install now →
Docs menu

MCP Tools

create_component_set

Combine several components into a Figma variant set.

Combines two or more ComponentNodes into a ComponentSetNode (a variant set). Name the components using Figma's variant convention, e.g. 'Button/Size=Small, State=Default', and the variant properties are inferred from the names. Returns the component set ID and the inferred properties. Use create_component first to turn frames into components.

Parameters

NameTypeRequiredDescription
componentNodeIdsstring[]RequiredIDs of at least two COMPONENT nodes to combine as variants
namestringOptionalName for the component set

Example prompt

Try asking: Turn the small, medium and large buttons into one Button component set with a Size property.

Tips

  • Name components 'Base/Property=Value' before combining so Figma infers clean variant properties.
  • All components must be on the same page.
  • Follow up with get_component_metadata to confirm the inferred properties.