Design System: Linear【免费下载链接】easy-vibe vibe coding 101The first course for AI-native product builders.项目地址: https://gitcode.com/GitHub_Trending/ea/easy-vibeColorsbackground: #08090Aprimary: #5E6AD2text: #F7F7F8Typographyheading: 22px / 600, letter-spacing -0.4pxbody: 14px / 400Radiuscard: 8pxbutton: 6pxSpacing4 / 8 / 12 / 16 / 24 / 32 pxDo / DontDo: 大留白、克制的用色Dont: 不用渐变、不用叠加阴影### 6.2 三步建立你自己的设计系统 1. **选地基**套用一套你认可的大厂设计系统如 Linear 克制的深色风、Apple 的留白 2. **调参数**把主色换成你的品牌色调整圆角和间距 3. **沉淀成文件**保存为 DESIGN.md 或 Skill让 AI 每次生成都自动遵循 ### 6.3 更进一步用 UI design Skill 锁定你的风格 把设计系统封装成 Skill 后一句话即可调用 text Use the my-brand skill design specs to generate hero concepts for 3 feature pages【免费下载链接】easy-vibe vibe coding 101The first course for AI-native product builders.项目地址: https://gitcode.com/GitHub_Trending/ea/easy-vibe创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Design System: Linear
Design System: Linear【免费下载链接】easy-vibe vibe coding 101The first course for AI-native product builders.项目地址: https://gitcode.com/GitHub_Trending/ea/easy-vibeColorsbackground: #08090Aprimary: #5E6AD2text: #F7F7F8Typographyheading: 22px / 600, letter-spacing -0.4pxbody: 14px / 400Radiuscard: 8pxbutton: 6pxSpacing4 / 8 / 12 / 16 / 24 / 32 pxDo / DontDo: 大留白、克制的用色Dont: 不用渐变、不用叠加阴影### 6.2 三步建立你自己的设计系统 1. **选地基**套用一套你认可的大厂设计系统如 Linear 克制的深色风、Apple 的留白 2. **调参数**把主色换成你的品牌色调整圆角和间距 3. **沉淀成文件**保存为 DESIGN.md 或 Skill让 AI 每次生成都自动遵循 ### 6.3 更进一步用 UI design Skill 锁定你的风格 把设计系统封装成 Skill 后一句话即可调用 text Use the my-brand skill design specs to generate hero concepts for 3 feature pages【免费下载链接】easy-vibe vibe coding 101The first course for AI-native product builders.项目地址: https://gitcode.com/GitHub_Trending/ea/easy-vibe创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考