BeClaude

subframe

New
392Community RegistryGeneralby Subframe

First seen 5/28/2026

Summary

The subframe skill provides tools and utilities for working with Subframe, a visual design-to-code platform that converts Figma designs into production-ready React components.

  • It helps developers quickly scaffold, customize, and integrate Subframe components into their projects, streamlining the design-to-development workflow.

Install & Usage

1
Add a marketplace
/plugin marketplace add <org/repo>
2
Install the plugin

Add the configuration to /plugin install subframe@<marketplace>

3
Manage with /plugin
/plugin

Use Cases

Generate a new Subframe component from a Figma design link or component ID.
Customize the styling of an existing Subframe component using Tailwind CSS classes.
Export a Subframe component as a standalone React component file.
Integrate Subframe components into an existing Next.js or Vite project.
Preview a Subframe component in the browser with live reload.
Update a Subframe component to match the latest Figma design changes.

Usage Examples

1

/subframe generate component from figma https://figma.com/file/abc123

2

/subframe customize button --variant primary --size lg --color blue-600

3

/subframe export component button --output ./components/Button.tsx

View source on GitHub

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is subframe?

The subframe skill provides tools and utilities for working with Subframe, a visual design-to-code platform that converts Figma designs into production-ready React components. It helps developers quickly scaffold, customize, and integrate Subframe components into their projects, streamlining the design-to-development workflow.

How to install subframe?

To install subframe: add a marketplace (/plugin marketplace add <org/repo>), then add the config to /plugin install subframe@<marketplace>. Finally, /plugin in Claude Code.

What is subframe best for?

subframe is a plugin categorized under General. Created by Subframe.

What can I use subframe for?

subframe is useful for: Generate a new Subframe component from a Figma design link or component ID.; Customize the styling of an existing Subframe component using Tailwind CSS classes.; Export a Subframe component as a standalone React component file.; Integrate Subframe components into an existing Next.js or Vite project.; Preview a Subframe component in the browser with live reload.; Update a Subframe component to match the latest Figma design changes..