Can it generate vector graphics for logos and icons?

Yes, it integrates with Quiver.ai for high-quality SVG generation and can also produce hand-coded SVGs for simpler assets.

What software is required to use the Graphics skill?

You need the Figma Desktop app, the figma and figma-console MCP servers, and the Figma Desktop Bridge plugin to enable native object creation.

Does this skill create static images or editable files?

It creates native, fully editable Figma objects including frames, text nodes, and auto-layout groups, allowing you to manually tweak the results in Figma.

How does the skill handle brand consistency?

It references your specific brand asset files and design tokens (variables) for colors, spacing, and typography to ensure every asset fits your identity.

Can I use it to create technical diagrams?

Absolutely. It supports Mermaid and D2 for structured diagrams, as well as native Figma shapes for custom architectural visuals.

On-Brand Graphics Generator

Name: On-Brand Graphics Generator
Author: inkeep

byinkeep

•

Herramientas de Diseño

Generates native, editable Figma designs and visual assets following established brand guidelines and design tokens.

The Graphics skill transforms Claude into a brand-aware designer capable of producing professional visual assets directly within Figma. It moves beyond static image generation by creating native Figma objects—including frames, auto-layout groups, and text styles—ensuring every output is fully editable by human designers. By integrating with MCP servers and brand-specific design tokens, it automates the creation of social media banners, slide deck assets, technical diagrams, and marketing materials while maintaining strict visual consistency. Whether you need AI-powered SVGs via Quiver.ai, photorealistic raster images, or deterministic 3D renders, this skill provides a comprehensive pipeline for design automation.

Características Principales

013 GitHub stars

02Native Figma object creation with full editability (frames, text, auto-layout)

03Strict adherence to brand design tokens for colors, typography, and spacing

04Support for complex technical diagrams via Mermaid, D2, and hand-coded SVG

05Multi-engine generation including Quiver.ai (SVG), Gemini/GPT (Raster), and Three.js (3D)

06Automated Figma workspace organization with project-specific page management

Casos de Uso

01Creating editable slide deck components and presentation graphics

02Producing technical documentation visuals and architectural diagrams

03Generating on-brand social media thumbnails and blog post cover images

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add inkeep/team-skills graphics

For use in Claude.ai and ChatGPT

Download Skill