Figma to React Native Converter

MCPOpen Source27.4

by kailashAppDev • Frontend & UI

The MCP server converts Figma designs into React Native components with proper typing and styling.

Example Use Cases

1
Convert Figma design elements into React Native code components.
2
Automate the process of generating well-typed React Native components from design files.
3
Maintain component hierarchy and styling from Figma designs in React Native applications.

Description

This server allows users to transform Figma design components into corresponding React Native components, making it easy to maintain component hierarchy and handle props and types. It supports nested components and generates components directly into the specified project directory. The tool is valuable for developers looking to streamline the conversion of design elements into functional code components.

Capabilities(18 total)

Tools (18)

set_api_key

Set your Figma API personal access token (will be saved to ~/.mcp-figma/config.json)

api_key:string*

check_api_key

Check if a Figma API key is already configured

get_file

Get a Figma file by key

fileKey:string*version:stringdepth:numberbranch_data:boolean

get_file_nodes

Get specific nodes from a Figma file

fileKey:string*node_ids:array*depth:numberversion:string

get_image

Get images for nodes in a Figma file

fileKey:string*ids:array*scale:numberformat:stringsvg_include_id:booleansvg_simplify_stroke:booleanuse_absolute_bounds:boolean

Quick Actions

View on GitHub

Security

Scanned 2 month(s) ago

Risk Level

LOW

Reads external data but no write or execute capability

Trust Score

C52/100

5/17 checks passed

Scores are informational only and provided “as is” without warranty. AgentHotspot assumes no liability for actions taken based on these ratings.

Quick Stats

Service TypeMCP

Pricing ModelUnknown

Capabilities18 Tools / 0 Prompts / 0 Resources

OwnerkailashAppDev

CategoryFrontend & UI

DependenciesStandalone

Set Your Username