Storefront Next Figma
Figma design-kit skills for Storefront Next verticals — duplicate the kit, sync brand variables, and publish Code Connect. Requires the Figma MCP server.
Pacote de plugins · de Salesforce
Resumo
Storefront Next Figma é um pacote de plugins para ferramentas de programação com IA publicado por Salesforce. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). Vimos pela primeira vez em 2026-11-04 e não registramos mudanças desde então. Conforme nossa passagem pelos marketplaces em 2026-11-12.
O que pede
- Instala-se como pacote de plugins
Nenhum dos marketplaces que lemos publica as ferramentas ou as configurações que ele pede.
O que declara, pede e executa, por completo
Instale apenas plugins de desenvolvedores em quem você confia. Mostramos o que os marketplaces publicam e não testamos plugins.
Funciona com
- Claude Code
Pelos marketplaces que o listam e pelo transporte MCP que declara, conforme cada cliente documenta. Não testamos plugins.
Conectar
Comandos e configurações gerados apenas a partir do que os marketplaces declaram. Não os executamos por você e não testamos plugins.
Como plugin do Claude Code
Gerado a partir do que Community GitHub marketplaces declara.
/plugin marketplace add salesforcecommercecloud/b2c-developer-tooling
/plugin install storefront-next-figma@b2c-developer-tooling
Onde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Marketplace da comunidade salesforcecommercecloud/b2c-developer-tooling (Abrir o código no GitHub) | Listado | 1.3.3 | Forks (GitHub): 24 Estrelas (GitHub): 58 |
Sem marcação |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
Listado em um marketplace da comunidade
| Marketplace | Repositório | Estrelas (GitHub) |
|---|---|---|
| b2c-developer-tooling | salesforcecommercecloud/b2c-developer-tooling | 58 |
O que o pacote contém
Conforme publicado em Community GitHub marketplaces.
Skills: 1
sfnext-create-figma-kit
O que mudou
- Passou a ser um produto que acompanhamos
- Community GitHub marketplaces: apareceu
Plugins semelhantes
Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.
-
Figma to Storefront Next Page Designer
Convert a Figma frame into live Storefront Next Page Designer blocks — React components with decorator metadata, brand-token reconciliation, and product data loaders. Requires the…
-
Convert Google Stitch designs into pixel-perfect Next.js + Tailwind CSS components. Extracts exact HTML/CSS, downloads images, maps all 29 Stitch fonts to next/font/google…
-
UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
-
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
-
Edit text, layout and CMS on your FramerToNextJS sites (converted Framer or AI-built), then publish.
-
frontend-designer
Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and framework-agnostic patterns.
-
Figma-Context-MCP io.github.GLips/Figma-Context-MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
-
Turn a Figma URL into fully implemented SLDS components — scaffolded, styled with design tokens, visually validated against the design, tested, documented, and reviewed. Supports…
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
Plugins semelhantes por marketplace
A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?
Listado em Claude Code: claude-plugins-community (5)
-
Convert Google Stitch designs into pixel-perfect Next.js + Tailwind CSS components. Extracts exact HTML/CSS, downloads images, maps all 29 Stitch fonts to next/font/google…
-
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
-
Connect Claude Code to Figma with 46 MCP tools, 20 specialized skills, and 8 commands. Read, write, and analyze Figma designs directly — no REST API token required. Privacy-first…
-
Search, preview, inspect, and install MagicPath UI components from Claude Code via the magicpath-ai CLI. Supports MagicPath design system themes.
-
Agent-orchestrated design pipeline for Claude Code. Five stages (brief → discover → plan → design → verify), 33 specialized agents, 12 tool connections including Figma, shadcn/ui…
Listado em Claude Code: claude-plugins-official (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Shopify's AI Toolkit provides 18 development skills for building on the Shopify platform, covering documentation search, API schema access, GraphQL and Liquid code validation…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Plugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, and questions about the SAP Design…
Listado em Claude: knowledge-work-plugins (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
-
Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…
Listado em Codex: openai-curated (openai/plugins) (5)
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
-
Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…
Listado em Community GitHub marketplaces (5)
-
Figma to Storefront Next Page Designer
Convert a Figma frame into live Storefront Next Page Designer blocks — React components with decorator metadata, brand-token reconciliation, and product data loaders. Requires the…
-
frontend-designer
Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and framework-agnostic patterns.
-
Turn a Figma URL into fully implemented SLDS components — scaffolded, styled with design tokens, visually validated against the design, tested, documented, and reviewed. Supports…
-
Builds production-grade UI. Tokens-first, anti-AI-slop aesthetics, design tokens enforced.
-
Connect your coding agent to Figma. Create and edit native designs, inspect existing designs, and implement UI in your codebase.
Listado em Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
-
Build and publish websites, dashboards, reports, and small web tools with Spacefast. Includes skills for editing Spaces, sharing previews, connecting domains, and restoring…
-
SAPUI5 / OpenUI5 plugin for GitHub CoPilot. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5…
Listado em Copilot CLI: github/copilot-plugins (5)
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
mobile-app
Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors
Listado em Cursor: cursor/plugins (4)
-
Build apps, scripts, and automations with the TypeScript SDK.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
-
Generate presentations, documents, and webpages.
-
Render PR diffs as review canvases grouped by importance.
Listado em Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
Model Context Protocol (MCP) server for the Webflow Data API.
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
-
Access the latest Astro web framework documentation, guides, and API references.
-
Tools and resources for writing Effect code in Typescript.
Listado em Official MCP Registry (5)
-
UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
-
Edit text, layout and CMS on your FramerToNextJS sites (converted Framer or AI-built), then publish.
-
Figma-Context-MCP io.github.GLips/Figma-Context-MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
Listado em PyPI (MCP servers) (5)
-
canva com.mcparmory/canva
Create designs, manage assets, and automate design generation from external workflows
-
canva-mcp io.github.wmarceau/canva-mcp
MCP server for Canva - create designs, manage assets, use templates, export graphics
-
figma com.mcparmory/figma
Export files, access design data, manage projects, comments, and team assets
-
AI-powered PowerPoint (.pptx) generation, editing, and review via MCP — 43 tools, 53 slide types, 12 chart types, 8 diagrams, 12 branded presets, 34 archetypes, 8 variant groups…
-
Deploy production REST and Neo4j Graph APIs from JSON schemas in seconds.
Listado em npm registry (MCP servers) (5)
-
figma-mcp-rust io.github.alvinindra/figma-mcp-rust
Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
-
Figma to pixel-verified code: HTML/React/Tailwind + tokens, then a render + pixel-diff verify loop.
-
Design, fill with real store data, render and publish Store Builder pages from an AI agent.
-
Claude Code to Figma — Bidirectional MCP bridge. AI draws UI on Figma canvas, reads designs back. Works with Claude, Cursor, VS Code, Windsurf, Antigravity. No API key needed.
-
designer-skill-mcp io.github.PyModel/designer-skill-mcp
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.
Quer esta marca no seu plugin em nosso catálogo?
Prove que o mantém com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS, e você poderá mostrar esta marca na ficha, com banners ao vivo para o seu site e o README. Como funciona a verificação
Você também recebe alertas quando um marketplace o publica, o remove, muda a marca de verificado ou o que ele pede, e o endpoint remoto passa a ser monitorado como um serviço web.
Dados de Community GitHub marketplaces. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.