LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

Skills tagged: Figma

Browse skills that share this tag.

  • ui_workflow - Figma-Backed UI Implementation Workflow with Governed Design Mapping
    UI implementationFigmadesign mappingworkflow

    ★ 119 · Updated 2026-06-30

    Executes a repo-local Figma-backed UI implementation workflow covering design mapping, current-state audit, targeted implementation, layout and visual verification, iteration, and runtime memory management.

    ⚙ Resolve UI source from Jira or Figma⚙ Create canonical implementation brief⚙ Audit current implementation state
  • extracting-interactions - Extract Interaction Specs from Figma Designs
    Figmainteraction designUI specificationcomponent states

    ★ 602 · Updated 2026-06-30

    Extracts interaction specifications including hover states, transitions, animations, and triggers from Figma designs, then updates the interaction section in screen spec.md.

    ⚙ Detect component variants⚙ Identify interactive elements⚙ Organize state changes
  • ui-ux-designer - Expert UI/UX Designer for Accessible Design Systems
    design systemsaccessibilityUI/UXFigma

    ★ 602 · Updated 2026-06-15

    Creates interface designs, wireframes, design systems, and accessible user experiences

    ⚙ create design tokens⚙ design components⚙ build design systems
  • ui-ux-designer - Expert UI/UX Designer for Digital Products
    design systemsaccessibilityuser researchprototyping

    ★ 0 · Updated 2026-06-15

    Create interface designs, wireframes, and design systems with accessibility standards

    ⚙ Create design systems⚙ Manage design tokens⚙ Design component libraries
  • ui-ux-designer - Expert UI/UX Design System Specialist
    UI/UX DesignDesign SystemsAccessibilityUser Research

    ★ 0 · Updated 2026-06-15

    Creates interface designs, wireframes, and design systems with user research and accessibility standards.

    ⚙ create interface designs⚙ create wireframes⚙ create design systems
  • figma - Bidirectional Figma Design Skill
    FigmaDesignVue 3shadcn-vue

    ★ 2 · Updated 2026-05-28

    Read Figma designs and write components, screens, and tokens back to Figma

    ⚙ get design context⚙ get variable definitions⚙ search design system
  • figma-generate-design - Build Figma Screens from Code
    Figmadesign systemUI designscreen design

    ★ 0 · Updated 2026-05-09

    Translates application pages and views into Figma using published design system components and variables.

    ⚙ create screens⚙ update screens⚙ create views
  • accelint-persona-review - Persona-Based Figma Design Review
    Design reviewFigmaUX evaluationPersona analysis

    ★ 0 · Updated 2026-05-09

    Evaluate Figma designs from operator persona perspectives through design critique and user experience evaluation

    ⚙ Load persona profiles⚙ Get Figma designs⚙ Search documentation
  • vapor-ui - Vapor UI Design System & Figma Converter
    design systemUI componentsFigmacode generation

    ★ 57 · Updated 2026-05-09

    Provides Vapor UI component catalog, icon lookup, usage documentation, and converts Figma designs to production-ready code

    ⚙ Get component list⚙ Get component info⚙ Get component examples
  • accelint-persona-review - Persona-Based Figma Design Review
    design reviewFigmapersona-based evaluationUX evaluation

    ★ 24 · Updated 2026-05-09

    Evaluate Figma designs from operator persona perspectives through design critique and UX evaluation

    ⚙ load persona profile⚙ fetch Figma design⚙ search documentation
  • ai-prototype-prompter - Generate Optimized Prompts for AI UI Tools
    FigmaUI designprompt engineeringprototyping

    ★ 34 · Updated 2026-05-09

    Reads Figma designs and generates tool-specific prompts for AI UI prototyping tools

    ⚙ read Figma design⚙ verify Figma connection⚙ analyze screenshot
  • @tank/figma-to-code - Pixel-Perfect Figma to Code
    Figmadesign-to-codepixel-perfectdesign-system

    ★ 1 · Updated 2026-03-26

    Extract Figma design specs and translate to pixel-perfect code with exact CSS values

    ⚙ Extract design context⚙ Capture screenshots⚙ Extract design tokens