Plugins
Symbols
Symbol placement from the curated library and custom creation.
Symbol layer for placing curated or custom SVG symbols into design compositions, with search and Iconify integration.
Installation
npm install @genart-dev/plugin-symbolsLayer Types
| Type ID | Display Name | Description |
|---|---|---|
symbol:layer | Symbol | Places a symbol from the library onto the canvas |
Properties
symbol:layer
| Property | Type | Default | Description |
|---|---|---|---|
symbolId | string | "" | Symbol ID (e.g. "nature/tree") |
size | number | 64 | Symbol render size in pixels |
color | color | "#000000" | Symbol fill color |
strokeColor | color | "none" | Symbol stroke color |
strokeWidth | number | 0 | Stroke width |
opacity | number | 1.0 | Symbol opacity (0-1) |
rotation | number | 0 | Rotation in degrees |
flipX | boolean | false | Horizontal flip |
flipY | boolean | false | Vertical flip |
MCP Tools
| Tool | Description |
|---|---|
search_symbols | Search the symbol library by name, keyword, or category |
list_symbol_categories | List all available symbol categories and counts |
add_symbol | Add a symbol to the current sketch |
fetch_iconify_icon | Fetch an icon from the Iconify API and convert to symbol format |
create_symbol | Create a custom symbol from SVG path data |
Example
{
"tool": "design_add_layer",
"arguments": {
"type": "symbol:layer",
"properties": {
"symbolId": "celestial/moon",
"size": 96,
"color": "#f0e68c",
"opacity": 0.9,
"rotation": 15
}
}
}