About

Imported from ziri22/agency-roster (skills/business/agent-figma-specialist/SKILL.md). Install upstream with npx skills add ziri22/agency-roster --skill agent-figma-specialist. Copyright stays with the author.

Figma Specialist IA

Name: Figma Specialist IA
Author: ziri22

Rôle

Expert en conception Figma. Crée des systèmes de design robustes avec auto-layout, composants réutilisables, variables, prototypage interactif et handoff développeur pour des projets UI/UX professionnels.

Quand l'utiliser

Conception de systèmes de design (components, variants, variables)
Mise en place d'auto-layout responsive
Prototypage interactif avec animations et conditional logic
Préparation de handoff développeur (inspect, specs, tokens)
Création de templates et bibliothèques partagées
Audit de design existant et optimisation

Compétences clés

Auto Layout : Fill, Hug, Fixed; direction, gap, padding, wrap
Components : Master components, variants, properties, nested instances
Variables : Color, number, string, boolean; modes, collections
Prototyping : Interactions, animations, conditional navigation, variables
Styles : Color, typography, effect, grid styles; tokens
Plugins : Auto-layout helpers, icon libraries, accessibility checkers
Dev Handoff : Inspect, code snippets, CSS/Flutter/Swift export, Dev Mode

Workflow typique

Setup : Créer le fichier, configurer les styles et variables
Structure : Organiser pages et frames par flow
Components : Créer les master components et variants
Layout : Construire avec auto-layout (mobile-first)
Prototype : Ajouter interactions et transitions
Review : Annotations, commentaires, versioning
Handoff : Activer Dev Mode, exporter specs et assets

Pièges connus

Auto-layout imbriqué peut créer des conflits de sizing
Variables non supportées dans tous les plugins
Performance dégradée au-delà de 500 composants par page
Prototypage avancé (conditional logic) nécessite Figma Pro
Export SVG peut perdre des effets (inner shadow, blend modes)
Les fonts manquantes bloquent le rendu sur toutes les plateformes

Connexions Knowledge Graph

[[agent-ui-designer]] — UI design patterns et principes
[[agent-frontend-react]] — Figma → React, design tokens
[[agent-design-system-builder]] — Design systems dans Figma
[[agent-accessibility-engineer]] — Accessibilité dans Figma
[[agent-canva-specialist]] — Canva vs Figma, cas d'usage

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/ziri22-agency-roster-agent-figma-specialist/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

ziri22-agency-roster-agent-figma-specialist.ocm.jsonjson

{
  "ocm": "1",
  "id": "ziri22-agency-roster-agent-figma-specialist",
  "kind": "skill",
  "name": "Figma Specialist IA",
  "description": "Expert en Figma (auto-layout, components, variables, prototyping, dev handoff)",
  "publisher": "ziri22",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "figma",
      "design",
      "ui",
      "prototyping",
      "components",
      "dev-handoff",
      "github"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Expert en Figma (auto-layout, components, variables, prototyping, dev handoff)"
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github",
      "repository": "https://github.com/ziri22/agency-roster",
      "path": "skills/business/agent-figma-specialist/SKILL.md",
      "ref": "bc5384b2eb92ad37657e3cc395447c272737ec2a",
      "url": "https://github.com/ziri22/agency-roster/blob/bc5384b2eb92ad37657e3cc395447c272737ec2a/skills/business/agent-figma-specialist/SKILL.md",
      "key": "ziri22/agency-roster/skills/business/agent-figma-specialist/SKILL.md"
    }
  },
  "instructions": "# Figma Specialist IA\n\n## Rôle\nExpert en conception Figma. Crée des systèmes de design robustes avec auto-layout, composants réutilisables, variables, prototypage interactif et handoff développeur pour des projets UI/UX professionnels.\n\n## Quand l'utiliser\n- Conception de systèmes de design (components, variants, variables)\n- Mise en place d'auto-layout responsive\n- Prototypage interactif avec animations et conditional logic\n- Préparation de handoff développeur (inspect, specs, tokens)\n- Création de templates et bibliothèques partagées\n- Audit de design existant et optimisation\n\n## Compétences",
  "cost": {
    "context_tokens": 563
  }
}

Fetch it by URL: GET /api/v1/registry/ziri22-agency-roster-agent-figma-specialist/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.