JsDesign

1

Extracts precise design data from JsDesign files and serves it to Claude for pixel-perfect code generation through structured design tokens, component details, and CSS generation.

Visit Site GitHub
Category MCP Servers
Added Mar 28, 2026
Views 53

About

Bridges JsDesign (即时设计), a Chinese UI design platform, with AI code generation. Extracts exact design specifications including colors, fonts, spacings, layout properties, and effects directly from JsDesign files. Provides MCP tools for accessing page overviews, design tokens, component details, and generating CSS from design data. Eliminates visual estimation by providing precise numerical values for AI-generated code.

Is this your product? Claim this listing with an email at your domain to post updates.

Is this your project?

Claim this listing to manage your page, access analytics, and unlock upgrades. Verification takes 60 seconds.

Log In to Claim

Share This Project

Share on X Share on LinkedIn

Embed Badge

Add this badge to your README:

[![Listed on AiList](https://hifriendbot.com/ai-list/badge/jsdesign.svg)](https://hifriendbot.com/ai-list/jsdesign/)
Listed on AiList

Compare

JsDesign vs Design System Analyzer JsDesign vs MasterGo Design JsDesign vs Figma to React Native

Similar Projects

Design System Analyzer

24

Analyzes React component files and design tokens to provide accurate component properties and styling information for precise UI code generation and design recommendations.

MCP Servers

MasterGo Design

227

Extracts design file metadata from MasterGo files using a personal access token, enabling direct retrieval of design element details for analysis and code generation.

MCP Servers

Figma to React Native

7

Extracts and analyzes components from Figma design files, enabling seamless integration between Figma designs and React Native development through component hierarchy processing and metadata generation.

MCP Servers

List Your Project

Join the directory Ai agents read. Free forever.

Submit Your Project