figma-designRead files, manage comments, extract design tokens, download images, and create webhooks in Figma — powered by ClawLink.
Install via ClawdBot CLI:
clawdbot install hith3sh/figma-designGrade Good — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://claw-link.devAudited May 10, 2026 · audit v1.0
Generated Jul 11, 2026
A frontend developer retrieves the full JSON structure of a Figma design file to understand layout, colors, and typography before coding. This enables pixel-perfect implementation without manual design handoff.
A marketing designer downloads multiple images and icons directly from Figma for use in social media posts and email newsletters, streamlining asset delivery.
A product manager reads, creates, and resolves comments on Figma files to track design feedback within the team, reducing back-and-forth in separate communication tools.
A UI engineer extracts colors, spacing, and typography tokens from Figma to generate a Tailwind CSS configuration file, ensuring design consistency across the frontend.
A team lead sets up webhooks to receive notifications when Figma files are updated, enabling automated triggers for downstream tasks like rebuilding documentation or deploying style changes.
Offer automated design file inspection and token extraction as part of a subscription for development teams, reducing manual QA time.
Provide free basic image downloads and charge for advanced features like batch export, high-resolution SVG, or custom token extraction.
License webhook triggers and file change notifications to CI/CD platforms, enabling design-to-code automation as a value-add integration.
💬 Integration Tip
Start by installing the ClawLink plugin and pairing your Figma account via their dashboard; then use `clawlink_list_tools --integration figma` to verify available tools.
Scored Jul 11, 2026
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL requir...
Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML.
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.