·vibefigma

Convert Figma designs to production-ready React components with Tailwind CSS. Use when user provides a Figma URL, asks to convert Figma designs to React/code, wants to extract components from Figma, or mentions "vibefigma". Requires a Figma access token (via --token flag, FIGMA_TOKEN env var, or .env file).

27Installs·1Trend·@vibeflowing-inc

Installation

$npx skills add https://github.com/vibeflowing-inc/vibe_figma --skill vibefigma

SKILL.md

Convert Figma designs into React components with Tailwind CSS using the vibefigma CLI.

The user can add their Figma access token to a .env file in their project root:

Note: If the token is not configured, vibefigma will throw an error. Only then inform the user about the token requirement.

Convert Figma designs to production-ready React components with Tailwind CSS. Use when user provides a Figma URL, asks to convert Figma designs to React/code, wants to extract components from Figma, or mentions "vibefigma". Requires a Figma access token (via --token flag, FIGMA_TOKEN env var, or .env file). Source: vibeflowing-inc/vibe_figma.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/vibeflowing-inc/vibe_figma --skill vibefigma
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is vibefigma?

Convert Figma designs to production-ready React components with Tailwind CSS. Use when user provides a Figma URL, asks to convert Figma designs to React/code, wants to extract components from Figma, or mentions "vibefigma". Requires a Figma access token (via --token flag, FIGMA_TOKEN env var, or .env file). Source: vibeflowing-inc/vibe_figma.

How do I install vibefigma?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/vibeflowing-inc/vibe_figma --skill vibefigma Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/vibeflowing-inc/vibe_figma

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-01

Related Skills

None