Skip to main content
Glama

Import SVG (icon / vector)

figma_import_svg
Idempotent

Import SVG markup into Figma as editable vector layers; scale, recolor via hex or a color variable, and place in a parent frame.

Instructions

Place SVG markup as editable vectors — icons, logos, illustrations. width (or height) scales the drawing with its vectors; color recolours every painted vector, the usual way to put an icon in the brand colour, and colorVariable binds them to a COLOR variable instead, so the icon follows the token (stroke-only icons stay stroke-only). The result lists the painted layers as vectorIds. Place it into a frame by parentId. Editors: Design; unverified: FigJam, Slides.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
xNo
yNo
svgYesThe SVG markup, starting with <svg …>.
nameNoe.g. "Icon / Search".
colorNo
widthNoScale to this width, keeping proportions.
heightNoOr to this height.
sizingNoHow it sizes, as in Figma's panel: { "horizontal": "fill" } to take the parent column's width; "hug" fits content; "fixed" keeps the number.
sessionNoOptional sessionId or file name, to pick a Figma file when more than one is connected.
parentIdNo
colorVariableNoA COLOR variable name or id, e.g. "color/icon/default". Not with `color`.
idempotencyKeyNoCaller-owned retry key, ≤128 chars. Re-calling with the same key never executes twice: it returns the existing result, or waits for the op still in flight. Supply your own for anything large — if the MCP client times out (rather than the bridge), only a key you chose can be used to retry safely.

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observedv0.1.1

TDQS

A4.3/5.0
Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Annotations already declare the safety profile (idempotent=true, destructive=false, readOnly=false). The description goes beyond them by disclosing the return shape ('The result lists the painted layers as `vectorIds`') and the recolouring behaviour ('recolours every painted vector'), which matter because there is no output schema and no way to know the return form otherwise.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Front-loaded with the purpose, then parameter behaviour, then environment caveats — a sensible order with no filler sentences. The parameter sentence is long and clause-stacked, which slightly hurts scannability but does not waste words.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a 12-parameter mutation with no output schema, the description covers the design-critical pieces: what gets created, how colour binding works, where it lands, and the returned `vectorIds`. Parameters like x/y, name, sizing and session are left to the schema with no compensating text, which is the only real gap.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

With 67% schema coverage, the description still adds real semantics: `width`/`height` 'scales the drawing with its vectors', `color` recolours all painted vectors, `colorVariable` 'binds them to a COLOR variable' so the icon follows the token, and `parentId` places it into a frame. This is meaningful guidance the schema text does not supply.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

Specific verb + resource: 'Place SVG markup as editable vectors', scoped to icons, logos and illustrations. This is clearly distinct from figma_create_vector (drawn geometry) and figma_import_image (raster assets), so an agent can route without opening a schema.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

Gives concrete usage context — when to use `color` ('the usual way to put an icon in the brand colour') vs `colorVariable` (token-driven, stroke-only icons stay stroke-only) — and states platform availability ('Editors: Design; unverified: FigJam, Slides'). It never names a sibling alternative or an explicit when-not-to-use, so it falls short of a 5.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Deploy Server

Other Tools