sloth-d2c-figma-plugin 2.0.4-beta.5 → 2.0.4-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -39
- package/dist/core.cjs.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -4,17 +4,17 @@
|
|
|
4
4
|
|
|
5
5
|
## 📖 简介
|
|
6
6
|
|
|
7
|
-
Sloth D2C 设计稿转代码插件，面向前端开发与设计团队的智能化工具，支持设计稿快速转生产级HTML/React代码，及文本/图片+Prompt输入AI生成目标风格页面并转译至Figma节点。
|
|
7
|
+
Sloth D2C 设计稿转代码插件，面向前端开发与设计团队的智能化工具，支持设计稿快速转生产级 HTML/React 代码，及文本/图片+Prompt 输入 AI 生成目标风格页面并转译至 Figma 节点。
|
|
8
8
|
|
|
9
9
|
### 核心能力
|
|
10
10
|
|
|
11
11
|
① 高保真还原，样式布局精准匹配设计稿，降低编码与走查成本；
|
|
12
12
|
|
|
13
|
-
② 代码贴近人工编写，支持TailwindCSS、Flex自动布局、行列分组等技术特性；
|
|
13
|
+
② 代码贴近人工编写，支持 TailwindCSS、Flex 自动布局、行列分组等技术特性；
|
|
14
14
|
|
|
15
15
|
③ 支持生成代码在线二次编辑（图片编组、源码调整等）；
|
|
16
16
|
|
|
17
|
-
④ 深度协同Sloth D2C MCP，通过配置拦截及数据推送突破RESTful API限制，最大化还原度。
|
|
17
|
+
④ 深度协同 Sloth D2C MCP，通过配置拦截及数据推送突破 RESTful API 限制，最大化还原度。
|
|
18
18
|
|
|
19
19
|
## 🚀 安装
|
|
20
20
|
|
|
@@ -77,42 +77,6 @@ pnpm build:figma
|
|
|
77
77
|
|
|
78
78
|
## 🛠️ 开发指南
|
|
79
79
|
|
|
80
|
-
### 项目结构
|
|
81
|
-
|
|
82
|
-
```
|
|
83
|
-
apps/figma/
|
|
84
|
-
├── src/
|
|
85
|
-
│ ├── code.ts # 插件主入口
|
|
86
|
-
│ ├── ui.tsx # UI 界面入口
|
|
87
|
-
│ ├── ui.html # UI HTML 模板
|
|
88
|
-
│ ├── types.ts # 类型定义
|
|
89
|
-
│ ├── figma/ # Figma 相关逻辑
|
|
90
|
-
│ │ ├── index.ts # Figma 逻辑入口
|
|
91
|
-
│ │ ├── main.ts # 主流程控制
|
|
92
|
-
│ │ ├── layer.ts # 图层处理
|
|
93
|
-
│ │ ├── node.ts # 节点操作
|
|
94
|
-
│ │ ├── storage.ts # 本地存储
|
|
95
|
-
│ │ ├── event.ts # 事件系统
|
|
96
|
-
│ │ └── core/ # 核心算法
|
|
97
|
-
│ │ ├── core.ts # 核心转换逻辑
|
|
98
|
-
│ │ ├── convert.ts # 元素转换
|
|
99
|
-
│ │ ├── extract-style.ts # 样式提取
|
|
100
|
-
│ │ ├── filter-blank.ts # 空白节点过滤
|
|
101
|
-
│ │ ├── text-style.ts # 文本样式处理
|
|
102
|
-
│ │ └── util.ts # 工具函数
|
|
103
|
-
│ └── utils/ # 工具函数
|
|
104
|
-
├── manifest.json # 插件配置文件
|
|
105
|
-
├── package.json
|
|
106
|
-
├── webpack.config.js # Webpack 配置
|
|
107
|
-
├── webpack.cjs.config.js # CommonJS 构建配置
|
|
108
|
-
└── tsconfig.json
|
|
109
|
-
|
|
110
|
-
依赖共享包：
|
|
111
|
-
├── @sloth-d2c/web # 核心转码库
|
|
112
|
-
├── @sloth-d2c/history # 历史记录管理
|
|
113
|
-
└── @sloth-d2c/shared-types # 类型定义
|
|
114
|
-
```
|
|
115
|
-
|
|
116
80
|
### 本地开发
|
|
117
81
|
|
|
118
82
|
1. **启动开发模式**
|