Plugins
Plugins
Reference for all 25 design plugins — layer types, properties, and MCP tools.
Plugins
The genart.dev design system ships with 25 plugins that extend the layer system with specialized types, properties, and MCP tools.
Overview
| Plugin | Layer Types | MCP Tools | Description |
|---|---|---|---|
| Typography | 1 | 9 | Text rendering with OpenType.js kerning and type scales |
| Filters | 5 | 6 | Post-processing effects (grain, vignette, blur) |
| Shapes | 6 | 7 | Geometric primitives and blend shapes |
| Layout Guides | 5 | 4 | Compositional guides (grid, thirds, golden ratio) |
| Layout Composition | 10 | 4 | Advanced compositional structures |
| Perspective | 5 | 5 | Perspective grids and vanishing points |
| Construction | 5 | 8 | Construction lines and geometric aids |
| Distribution | 3 | 8 | Element distribution patterns |
| Styles | 1 | 8 | Art style references and palettes |
| Figure | 5 | 8 | Figure drawing aids and mannequins |
| Poses | 3 | 8 | Pose reference and gesture timing |
| Painting | 13 | 15 | Natural media, bristle strokes, vector fields, and scene repaint |
| Textures | 4 | 4 | Surface textures (paper, canvas, washi) |
| Animation | 1 | 8 | Keyframe animation and timeline |
| Color Adjust | 3 | 4 | Color correction (HSL, levels, curves) |
| Compositing | 4 | 7 | Layer compositing (solid, gradient, image, group) |
| Symbols | 1 | 7 | Symbol placement from the symbol library |
| Trace | 1 | 7 | Image tracing and edge detection |
| Plants | 9 | 19 | Procedural plants — trees, flowers, grasses, L-systems |
| Terrain | 21 | 38 | Landscape composition — sky, mountains, water, vegetation |
| Patterns | 29 | 7 | Geometric and organic repeat patterns |
| Particles | 7 | 9 | Particle systems with depth and flow |
| Atmosphere | 4 | 7 | Atmospheric effects — fog, mist, clouds, haze |
| Water | 6 | 8 | Water effects — surface, reflection, foam, caustics, ice |
| Identity | 4 | 10 | Brand identity — lockups, color variants, accessibility |
Installation
All plugins are available as separate npm packages:
npm install @genart-dev/plugin-typography
npm install @genart-dev/plugin-filters
# ... etcPlugins are automatically registered in the desktop app, web editor, and MCP server. When using @genart-dev/core directly, register plugins manually via PluginRegistry.
Plugin Architecture
Each plugin implements the DesignPlugin interface. See Plugin Architecture for details on creating custom plugins.