$ loading_
Use natural language to create, review, fix, and sync designs in Figma.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "figcraft" yet — see the docs or source repo.
Create a mobile login screen in Figma with a brand logo, phone number field, verification code field, login button, and privacy notice. Use a clean style with blue as the primary color.
An editable login screen mockup with the requested layout and visual style.
Review this Figma page for design issues, especially inconsistent spacing, mismatched colors, nonstandard button styles, and unclear text hierarchy, then apply any fixes that can be automated.
A design review report plus automatic fixes for visual and standards-related issues.
Organize the current project's colors, typography, and spacing styles into design tokens, sync them into the Figma file, standardize naming conventions, and flag duplicates.
A synced token system with standardized style structure and duplicate warnings.
Create or update a professional Figma design system from a codebase.
Extracts and organizes Figma files for AI understanding and code generation.
Generate custom design system rules for your codebase and Figma-to-code workflow.
Convert Figma designs into production-ready UI code with pixel-perfect fidelity.
Turn code or page descriptions into full Figma screens using design systems.
Connect to Figma, fetch design assets, and turn nodes into production code.