52 plugins for Figma development
Equip AI agents with 40 marketing skills to automate SEO audits, copywriting, ad creative generation, A/B testing, CRO optimizations, analytics setup, and SaaS growth strategies directly in development workflows.
Connect to Figma via MCP server to generate and edit design files, screens, modals, and full design systems from codebases or descriptions; map published components to code snippets; translate designs into production-ready UI code with visual fidelity; automate workflows like token extraction, theming, and variable setup.
Plan sprints and roadmaps with prioritization and risk assessment, write feature specs and stakeholder updates, synthesize user research into themes and recommendations, perform competitive analyses and metrics reviews, while connecting to tools like Figma, Linear, Amplitude, Notion, and Slack for real-time data access and automation.
Automate marketing workflows by drafting optimized content for blogs, emails, social media, and landing pages; auditing SEO with competitor benchmarks; planning multi-channel campaigns with calendars and A/B tests; generating performance reports; and integrating with tools like HubSpot, Amplitude, Figma, Ahrefs, Klaviyo for data queries, CRM access, design files, and automation.
Accelerate UI/UX workflows by critiquing Figma designs for usability and accessibility, generating precise dev handoff specs with tokens, layouts, and breakpoints, auditing design systems for consistency, synthesizing user research into actionable insights, writing UX copy, and integrating directly with Figma, Notion, Slack, Asana, and other tools for seamless research-to-handoff processes.
Run interactive frontend design wizards to research UI/UX trends from Dribbble and Coolors, analyze websites for inspiration via browser screenshots and extractions, curate Tailwind-compatible color palettes and typography pairings, create visual moodboards, review HTML for design principles and accessibility issues, and generate production-ready UI code.
Delegate brand guideline creation to generate style guides, component libraries, color palettes, and usage docs, ensuring visual consistency and cohesive experiences across app platforms with Figma and Storybook.
Connect to Figma's MCP server with authentication to access design files, components, prototypes, and UI tools directly in your editor, enabling design context retrieval and code generation from Figma designs.
Control a Playwright-powered browser to automate web app testing, debugging, performance analysis, accessibility audits, visual comparisons with Figma, network mocking, and data scraping directly from Claude Code workflows.
Generate structured design case studies, rationales, presentations, and UX copy for portfolios and stakeholders; create adoption strategies for design systems; audit design tokens in CSS code and Figma files for consistency, coverage, and gaps.
Build scalable design systems by generating tokens, component specifications, documentation templates, naming conventions, icon systems, and pattern libraries. Audit for WCAG accessibility, consistency, token coverage, and theming support using dedicated skills and commands.
Clone live webpages into active Figma files by measuring layouts, colors, fonts, and text positions via Chrome DevTools, automatically building frames and tables. Execute JavaScript directly in open Figma files to create shapes, modify properties, extract data, and manage slots. Access local Chrome DevTools Protocol for browser automation, DOM inspection, and web debugging.