Yueyin-Tql/htmlToFigma

Score: 32.2 Rank #5293

基于 Model Context Protocol (MCP) 的服务器，可将网页 URL、HTML/CSS 代码转换为 Figma 设计稿，功能对标 html.to.design。核心功能：支持从网页 URL、HTML/CSS 代码或浏览器扩展捕获文件导入；自动转换 SVG、图片和字体；提取 CSS 动画和交互状态；支持自定义视口和主题切换。技术架构：基于 TypeScript 和 Node.js，使用 Puppeteer 渲染网页，支持 CSS Flexbox 自动转换为 Figma Auto Layout。应用场景：快速将网页或代码转换为 Figma 设计稿，适用于设计评审、竞品分析等场景。可与支持 MCP 的客户端（如 Cursor IDE）无缝集成。

Overview

Yueyin-Tql/htmlToFigma is a TypeScript MCP server licensed under MIT. 基于 Model Context Protocol (MCP) 的服务器，可将网页 URL、HTML/CSS 代码转换为 Figma 设计稿，功能对标 html.to.design。核心功能：支持从网页 URL、HTML/CSS 代码或浏览器扩展捕获文件导入；自动转换 SVG、图片和字体；提取 CSS 动画和交互状态；支持自定义视口和主题切换。技术架构：基于 TypeScript 和 Node.js，使用 Puppeteer 渲染网页，支持 CSS Flexbox 自动转换为 Figma Auto Layout。应用场景：快速将网页或代码转换为 Figma 设计稿，适用于设计评审、竞品分析等场景。可与支持 MCP 的客户端（如 Cursor IDE）无缝集成。

Ranked #5293 out of 25632 indexed tools.

Ecosystem

TypeScript MIT

Signal Breakdown

Stars 4

Freshness 1mo ago

Issue Health 50%

Contributors 0

Dependents 0

Forks 1

Description Detailed

License MIT

How to Improve

Freshness high impact

Last commit was 53 days ago — a recent commit would boost your freshness score

Contributors medium impact

Single-contributor projects carry bus-factor risk — welcoming contributors boosts confidence

Dependents medium impact

No downstream dependents detected yet — adoption by other projects is the strongest trust signal

Badge

AgentRank score for Yueyin-Tql/htmlToFigma

Markdown

[![AgentRank](https://agentrank-ai.com/api/badge/tool/Yueyin-Tql--htmlToFigma)](https://agentrank-ai.com/tool/Yueyin-Tql--htmlToFigma)

HTML

<a href="https://agentrank-ai.com/tool/Yueyin-Tql--htmlToFigma"><img src="https://agentrank-ai.com/api/badge/tool/Yueyin-Tql--htmlToFigma" alt="AgentRank"></a>

Details

Stars: 4
Forks: 1
Open Issues: 0
Closed Issues: 0
Contributors: 0
Dependents: —
Language: TypeScript
License: MIT
Last Commit: 1mo ago

Matched Queries

"model context protocol""model-context-protocol"

View on GitHub →

Are you the maintainer? Claim this listing