A
licenseC
qualityD
maintenanceConverts Figma designs to React Native components, allowing users to extract components from Figma designs and generate corresponding React Native components with proper typing and styling.
3
35 npm
8
MIT
mcp-nativewind
@modelcontextprotocol/server-nativewind
MCP 服务器用于将 Tailwind 组件转换为 NativeWind 4。
安装
npm install -g @modelcontextprotocol/server-nativewindRelated MCP server: MCP Figma to React Converter
用法
作为 CLI 工具
mcp-nativewind在 Claude 桌面版中
添加到您的claude_desktop_config.json ：
{
"mcpServers": {
"nativewind-transformer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-nativewind"]
}
}
}可用工具
transform-component：变换单个组件
transform-directory：转换目录中的所有组件
analyze-component：分析 Tailwind 使用情况
发展
克隆存储库
安装依赖项：
npm install构建项目：
npm run build运行测试：
npm test
贡献
欢迎贡献代码！欢迎提交 Pull 请求。
执照
麻省理工学院
This server cannot be deployed
Maintenance
ActivityInactive
ResponsivenessNo issues
Related MCP Connectors
150+ React Native animation recipes, scene authoring, phone preview via QR, Reanimated v4 codegen
Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults
Search and pull 500+ production-ready React + Tailwind sections and elements
Canonicalize Tailwind classes to their short form, and search LunarWerx free dev tools.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceConverts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.77MIT
- AlicenseAqualityBmaintenanceTranslates design tokens across platforms — extracts from Tailwind/CSS/Figma and generates native themes for Material 3, SwiftUI, and CSS variables with WCAG contrast validation.985 npm5MIT
- AlicenseNot gradedqualityDmaintenanceTransform Figma designs into pixel-perfect React + Tailwind components using the Model Context Protocol.1,213 npm5MIT