A collaborative interface design tool.
Tools
Design Tokens To Tailwind
Convert design tokens to tailwind css configuration. takes the output from extractdesigntokens and generates: - tailwind.config.ts/js with theme extensions - optional globals.css with font imports note: shadow colors can be provided in either string format (e.g., "rgba(15, 110, 110, 0.32)") or dictionary format (e.g., {"r": 0.059, "g": 0.431, "b": 0.431, "a": 0.32}).
Download Figma Images
Download images from figma file nodes. renders specified nodes as images and downloads them using mercury's filedownloadable infrastructure. supports png, svg, jpg, and pdf formats.
Extract Design Tokens
Extract design tokens from figma files. combines styles, variables, and extracted values to create a comprehensive design token system.
Extract Prototype Interactions
Extract prototype interactions and animations from figma files. analyzes the prototype data to extract: - user interactions (clicks, hovers, etc.) - transition animations - component variant states - user flows and navigation
Get Component
Get component data with automatic simplification. returns clean, ai-friendly component structure.
Get Current User
Retrieves detailed information for the currently authenticated figma user.