UI FORGE · DISCOVER · TOKENIZE · COMPOSE · ANIMATE · POLISH · UI FORGE · DISCOVER · TOKENIZE · COMPOSE · ANIMATE · POLISH ·

5-Stage UI Design Forge

锻造
每一个界面

切换右上角主题或底部品牌,整个页面实时变脸。这就是 ui-forge 的 Token 驱动力。
9 skills · 9 sites · 73 brands · Figma ↔ Code

GitHub →

Forged Output

实时锻造结果

Token 色板
Typography
Aa
Inter 700 / 400
Motion
Forge Stats
5
锻造阶段
0
子 Skill
0
参考网站
0
品牌 DESIGN.md
0
技术栈
Pipeline Progress
Discoverdirection.md
Tokenizetokens.json
Composetree.md
Animateanim.md
Polishchecklist.md

构建你的下一个产品

从 Figma 设计稿到生产级代码,5阶段全流程

Figma ↔ Code

双向闭环

🎨 Figma
🎨 Hero — Auto Layout
📦 Card — Component
🔘 CTA — Variables
☰ Nav — Constraints
forge
⌨️ Code
// Click a Figma frame →

Reference

9 参考网站

Phase 1
Godly
视觉方向
Phase 1
Pageflow
叙事结构
Phase 2
Animate UI
动效 Token
Phase 2
GSAP
Timing 标准
Phase 3
React Bits
组件片段
Phase 3
Aceternity UI
高端组件
Phase 4
Framer Motion
React 动效
Phase 4
Motion Primitives
基础动效
Phase 4
GSAP Showcase
顶级案例

准备锻造?

一条命令,从需求到交付。

$ ui-forge "做一个 Stripe 风格的定价页"
立即锻造 →