figcraft-studio

Plugin figcraft-studio from marketplace figcraft-studio in donihadimas/figcraft-studio. Commands read from the repo's manifest — today.

Skills (15)

• design-taste-frontend

  Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

• figcraft-automator

  Auto-launch FigCraft GUI in attach mode (--control 7979) and execute atomic canvas operations via FigCraft MCP. Use whenever a user asks to open FigCraft, check FigCraft connection, create or modify frames/layers/shapes/text in FigCraft, run batch commands, manage pages/files, or verify canvas desig

• figcraft-design-system

  Build 3-layer Design Systems (Primitive -> Semantic -> Component tokens), Light/Dark mode Variable Collections, Paint/Text Styles, and reusable Master Components with Variants inside FigCraft. Use when creating a design system, token collection, theme variables, style library, or component kit in Fi

• figcraft-icon-craft

  Master rules, mathematical keyline grids, and execution pipelines for designing studio-grade App Launcher Icons (Android Adaptive, iOS Squircle), brand logos, and 24px in-app vector SVG icons inside FigCraft. Integrates FigCraft MCP and Python scripts. Use when designing logos, app icons, favicons,

• figcraft-mobile-ui

  Design professional iOS and Android mobile app screens and flows in FigCraft. Enforces safe-area insets, status/home indicator clearance, 44pt/48dp touch targets, 4/8dp spacing rhythm, vector icons (no emojis), and Light/Dark parity. Use when designing mobile apps, iOS/Android screens, React Native,

• figcraft-remove-bg

  Studio-grade AI background removal using BRIA RMBG 2.0 via rembg and ONNX Runtime. Removes backgrounds from icons, logos, portraits, and product mockups with sub-pixel matting, ghost-alpha noise cleanup, tight subject cropping, and Android Adaptive Icon safe-zone centering (1024x1024, phi 626px). In

• figcraft-to-code

  Convert FigCraft frames, components, and design tokens into production code (React, Next.js, Tailwind CSS, shadcn/ui, Flutter, React Native, SwiftUI, Jetpack Compose). Uses inspect_document, inspect.code, variable exports, and visual screenshot comparison. Use when turning a FigCraft design into cod

• figcraft-web-ui

  Design distinctive desktop web interfaces, landing pages, portfolios, and SaaS dashboards inside FigCraft. Applies Taste-Skill anti-slop rules, 3 Design Dials (Variance, Motion, Density), Bento grids, and studio-grade typography. Use when designing websites, landing pages, web apps, or admin dashboa

• frontend-design

  Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

• ui-critic-audit

  Run a rigorous 100-Point Visual QA & Anti-Slop Design Critique on any FigCraft canvas (via screenshot + inspect_document) or Web/Mobile UI. Detects layout collisions, concentric radius errors, low contrast, generic AI tells, and executes corrective fixes before delivery.

• ui-motion-choreography

  Apply design-engineering motion laws (Frequency-Speed Law, Exit-Faster-Than-Enter, Origin-Aware Popover Scaling, Spring Physics, and Reduced-Motion Accessibility) when specifying prototypes in FigCraft or implementing animations in React/Next.js/Tailwind/Mobile.

• ui-optical-polish

  Enforce studio-grade optical precision, concentric border-radius math, layered elevation & specular borders, tabular numerals, and optical icon/text alignment across FigCraft designs and Web/Mobile UI code. Use when polishing UI components, designing cards/modals/buttons/tables, or fixing interfaces

• ui-ux-pro-max

  UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Se

• ux-flows-and-states

  Design complete 5-State UI Matrices (Ideal, Empty/Zero-Data, Skeleton Loading, Error/Offline, and Stress/Overflow edge cases) and multi-step user flows. Use when designing product screens in FigCraft or building production frontend/mobile features so interfaces never ship with only the Happy Path.

• ux-writing-microcopy

  Write crisp, human-centered UX microcopy and seed domain-realistic UI data (eliminating AI clichés, 'Lorem ipsum', 'John Doe', and 'Submit' buttons). Use whenever populating text layers in FigCraft or writing copy, labels, empty states, error messages, and mock datasets in UI code.

Similar plugins