Export to Figma
Skill支持将任何网页一键导出并直接粘贴为 Figma 中完全可编辑图层的浏览器扩展。
- 月访问
- 13.4K
- 上升26.4%环比2026 年 9 月
- 公开收入
- 未公开
- 暂无公开收入证据
- 入门价
- $1/月
- 同类中最低同类中位数 $18/月
- 首次发布
- 7 个月前
- 2026-05-03 · 估算
访问
近 12 个月
营销动作
发布、搜索与内容、引荐、促销X 账号@exporttofigma
在 Uneed 发布（#1）发布
Export to Figma — Export any website to Figma as fully editable layers in one click.
8 月 5 日 · 3 个月前发布页
当时 月访问 13.5K访问：之后 2 个月 -1%同期还有 1 个动作Export to Figma 在 Fazier 发布（38 票 · 22 评论）发布
Export to Figma — Convert any website into editable Figma designs
5 月 18 日 · 6 个月前原文证据
Export to Figma 在 Findly.tools 发布发布
Export to Figma is a Chrome extension that turns any live website into a fully editable Figma design in seconds.
5 月 3 日 · 7 个月前原文证据
第三方评测与案例拆解
获客渠道拆解、工程师评测与开源档案Findly.tools
2026-05-03查看原文
- 核心亮点评测：
- It’s built to remove the repetitive step of recreating layouts manually and give you a clean, structured starting point directly from real interfaces. Whether you’re working on an existing product, exploring references, or iterating on developer-built pages, it helps you move from browser to design instantly — with everything preserved and ready to edit. Features:
Fazier
2026-05-18查看原文
- 核心亮点评测：
- Capture full pages or specific sections Convert websites into fully editable Figma layers Preserve text, styles, spacing, and layout Extract images in their original quality Maintain a clean and organized layer structure Match typography including fonts, sizes, weights, and line heights Support responsive layouts and auto layout behavior Works with modern websites, including AI-generated interfaces
- 适用人群：
- Quickly bring live websites into Figma as a starting point for design Skip rebuilding layouts when working on existing or developer-built pages Create fast prototypes using real-world UI references Iterate on production websites without starting from scratch Extract UI sections (cards, headers, forms) for reuse or inspiration Convert AI-generated websites (Claude, Vercel, etc.) into editable designs Bridge the gap between design and development workflows Speed up client work by working directly from existing pages Analyze and redesign competitor or reference websites Build design systems from real product interfaces
MCP 服务与 Agent 生态
GitHub 开源与智能体接入
商店数据
Chrome 应用商店
Chrome 应用商店 Chrome 应用商店
- 评分
- 评分未同步评分数未同步
- 上月新增评分
- —
- 价格与内购
- 免费内购数据未同步
- 当前版本
- —商店公开档案
商店图标、评分分布、安装量级与宣传截图同步自 Apple App Store、Google Play 与 Chrome 应用商店。
流量来源
2026 年 9 月
访问构成
渠道
- 直接访问36%
- 自然搜索29%
- 外部引荐13%
- 社交媒体7%
- 其他16%
国家/地区
- 印度15%
- 巴西12%
- 巴基斯坦9%
- 美国9%
- 越南8%
搜索
站点权重 —域名注册 2026-04-12
| 关键词 | 月搜索量 |
|---|---|
| html to design chrome extension | 760 |
| html to design extension free credit | 160 |
| copy từ framer sang figma được không | 70 |
| can i export variable from webflow to figma | 40 |
| how to export a file from framer to figma | 30 |
流量数据：Vaneform
定价
Free
未知
10 exports per month · Clean, usable layer structure · Capture full pages or sections · Standard export quality · Community support
PRO
$1/月
Unlimited exports · No usage limits · Uninterrupted workflow · Support the development · Keep the plugin alive
试用：未提供 · 1 档付费（$1） · 观察于 2026-11-01 · 原定价页
入门价 $1/月，同类中最低；「UI/UX 设计与原型」中位数 $18/月。查看定价基准
页面与变化
开始记录于 2026-08-05
关键页面
每周快照www.exporttofigma.com/ 快照 2026-11-03
变化
开始记录以来，定价、套餐与定位都没有变化。
设计
首屏视觉分析与 :root CSS
白底承托大号黑色无衬线标题与灰色说明，中央黑色安装按钮和蓝色品牌点缀形成焦点，下方浏览器产品界面展示选区与扩展浮层。
首屏预览 · 点击放大
首屏讲了什么与转化路径
“Export any website to editable Figma designs”
顶部导航横向排列；中央标题、说明与安装按钮纵向居中，下方以大型浏览器界面演示扩展操作。
首屏转化路径：居中标题加按钮 + 产品界面截图或组件示意 → 下载客户端 / 安装插件 · 配合用户头像叠放与评语建立信任
色板 · 点击复制
五维设计评分7.9 / 10
- 字体与排版
- 8.0
- 色彩与对比
- 8.0
- 构图与留白
- 8.0
- 细节与工艺
- 8.0
- 风格辨识度
- 7.0
结构
- 字体
- Inter
- 首屏版式
- 居中标题加按钮
- 主视觉
- 产品界面截图或组件示意
- 转化动作
- 下载客户端 / 安装插件
- 信任背书
- 用户头像叠放与评语
- 导航
- 顶部通栏导航
- 明暗与密度
- 浅色 · 留白多
- 圆角与层级
- 大圆角 · 有阴影
预览 AI 设计说明全文（含 :root CSS 变量与版式规则）只写风格参数，禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明：柔和友好（兼备极简单色）
低饱和粉彩、大圆角与圆润字体，配友好的插画，面向大众用户。
## 设计参数
```css
:root {
--background: #ffffff;
--surface: #f7f7f8;
--foreground: #111111;
--muted-foreground: #66666b;
--accent: #155eef;
--radius: 16px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面积配比：背景 #FFFFFF（约 75%） · 面板 #F7F7F8（约 12%） · 正文 #111111（约 7%） · 次要文字 #66666B（约 4%） · 强调 #155EEF（约 2%）。背景与面板占绝大部分面积，强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式：居中标题加按钮
- 导航结构：顶部通栏导航
- 明暗与密度：浅色 · 留白多
- 圆角与层级：大圆角；用阴影区分层级
- 主视觉载体：产品界面截图或组件示意
- 转化动作：下载客户端 / 安装插件 · 信任背书采用用户头像叠放与评语
- 标题切入点：结果与速度承诺
- 首屏组件特征：首屏大幅产品界面、数据指标栏、悬浮多卡片
- 空间布局拆解：顶部导航横向排列；中央标题、说明与安装按钮纵向居中，下方以大型浏览器界面演示扩展操作。
- 视觉特征总结：白底承托大号黑色无衬线标题与灰色说明，中央黑色安装按钮和蓝色品牌点缀形成焦点，下方浏览器产品界面展示选区与扩展浮层。
## 避免
- 纯黑大面积
- 直角
- 等宽字体
请按上面的设计参数与版式实现界面：颜色只用这些变量，强调色只给主要操作与当前状态。只采用这种风格，禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
同分类研究对象
设计 / UI/UX 设计与原型
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。