Free/免费
GliaKit UI
- ✓
完整令牌集 + 变量
- ✓
Figma 中的核心组件
- ✓
明暗粉底
GliaKit
发布一款看起来精心设计、而非 AI 生成的 SaaS 产品
GliaKit 是什么？
GliaKit 是一个基于 Next.js 与 shadcn/ui 的 SaaS 脚手架，已经帮你把登录鉴权、支付、数据库和邮件等核心模块全部接好，省去从零搭建的繁琐流程。它还配套了 Figma 设计库以及 Cursor、Claude Code 的规则文件，让 AI 生成的界面始终与设计系统保持一致，不再出现风格漂移的问题。借助它，你可以更快地推出一款看起来像专业设计团队打造的 SaaS 产品。
产品详细介绍
发布一款看起来精心设计、而非 AI 生成的 SaaS 产品
GliaKit 是一个基于 Next.js 与 shadcn/ui 的 SaaS 脚手架，已经帮你把登录鉴权、支付、数据库和邮件等核心模块全部接好，省去从零搭建的繁琐流程。它还配套了 Figma 设计库以及 Cursor、Claude Code 的规则文件，让 AI 生成的界面始终与设计系统保持一致，不再出现风格漂移的问题。借助它，你可以更快地推出一款看起来像专业设计团队打造的 SaaS 产品。
定价方案
有免费方案€199/一次性
GliaKit
- ✓
Next.js + shadcn/ui 模板
- ✓
全部 15 个屏幕 — 已接入并配置路由
- ✓
Auth, payments, database & email connected
€1,499/custom
GliaKit + Studio
- ✓
由打造此系统的设计师为您的品牌量身定制主题
- ✓
每月 3 个名额
创始人评论
Dejan Veljanoski创始人
我是 Dejan，一名产品设计师。我做 GliaKit 是因为一个具体的痛点：AI 编程工具很擅长交付功能，却很不擅长交付品味。你让 AI 写一个新界面，得到的代码能跑，但用的是默认字体、随意间距，还有一个跟产品其他部分完全不搭的蓝色按钮。每做一屏就偏离前一屏一点点，而你把省下来的时间都花在了把东西拽回对齐上。
解法不是更好的提示词，而是给 AI 一套它真正能读懂的系统。GliaKit 是同一件事的三个面：一套已经把认证、支付、数据库和邮件接好的 Next.js + shadcn/ui 脚手架；一个 Figma 库，其变量与代码中的 token 一一对应；以及给 Cursor 和 Claude Code 用的规则文件，告诉你的 AI 从已有元素中组合，绝不凭空造颜色。
15 个页面，路由都接好了。我交付自己的产品和客户项目时，用的就是这一套系统。
Figma 设计系统在 Figma Community 上对所有人免费，不管买不买都欢迎去拿。在线 demo 链接在前面，可以随便点点看。
关于这套技术栈、规则文件的思路，或者为什么我认为设计系统即将变得比过去重要得多，欢迎随时来问。
创始团队
Dejan VeljanoskiProduct designer · solo maker
