抓取任意网站的“设计系统” #设计AI 生成网页设计的 AI，怎么训练数据？有程序员公开了做法及工具它能帮你抓取参考网站的字体、配色，配色拆分为头图、CTA、高亮、背景、辅助色，可以一键下载字体和配色css 图二、图三是我以 behance 首页为例，测试这个抓取工具 -

抓取任意网站的“设计系统”

#设计AI

生成网页设计的 AI，怎么训练数据？有程序员公开了做法及工具

https://t.co/p7RM22h0Ok

它能帮你抓取参考网站的字体、配色，配色拆分为头图、CTA、高亮、背景、辅助色，可以一键下载字体和配色css

图二、图三是我以 behance 首页为例，测试这个抓取工具

- 字体抓取很准确。这也错不了，都写在 css 里了
- 抓出来的配色方案有明显错误

---

顺便说几句用 AI 做 UI 设计、网页设计

这个网站抓取的这些参数，部分代表了 AI 眼里“好设计”的衡量标准。而我的测试结果，部分代表了 AI 训练数据的质量

由此大概能想象出，这种 AI 能创造出什么样的设计

另外，很多 UI 设计、网页设计从视觉上、逻辑上都不容易抽象成基本要素，很难用 AI 来模仿这些设计的背后的 design pattern

还得等待真正能“看懂 UI 设计”的 AI

点击图片查看原图

1周内 1个月内 1年内全部时间

FigMayo —— 设计系统发布成网站
链接：
该工具可以把 Figma 做的设计系统发布成一个说明网站，甚至可以在 Figma 里加入 Sandbox 链接让说明网站自动显示示例代…
IT技术
( twitter.com)

2年前 • 龙爪槐守望者 • -- 点击 0 评论

AI 时代，设计师怎么设计设计系统/Design System
#一边一边
今天我割草、收拾院子时听的播客，嘉宾是发明了 Atomic Design/原子设计的 Brad Frost
他围绕设计系统，聊了一些很有趣的话题：
- 为什么要建立一个通用的设计系统？
他想在 HMTL
IT技术
( overcast.fm)

1年前 • 倪爽 • -- 点击 0 评论

HiUI Design —— 小米的企业级中后台设计系统

链接：

很常规的 B 端网页设计系统，提供设计指南、前端代码等。有 Sketch、Axure、Figma 3 种平台的设计…
IT技术
( twitter.com)

2年前 • 龙爪槐守望者 • -- 点击 0 评论

Figma 官方的“设计系统入门课程”

现在的 UX 设计、UI 设计都离不开 design system/设计系统，Figma 这个 80 分钟的课程，教你学习设计系统的基础，教你怎么创建和改进、维护设计系统

课程放在了 Y…
IT技术
( twitter.com)

2年前 • 倪爽 • -- 点击 0 评论

我们正在寻找有创意与责任感的设计师，一起参与项目的视觉设计，在数字空间中推动自由表达、建构公共记忆。
一、招募方向
1、平面设计：海报、宣传视觉
2、网站设计：UI/UX设计，界面优化
二、应征要求
1、具备平面设计或网站UI设计经验，并有相关作品可供展示
时政
( twitter.com)

2个月前 • 李老师不是你老师 • -- 点击 0 评论

今天的Figma Config大会类似设计界的WWDC，在会上Figma CEO除了宣布一系列新的能力之外也宣布了他们的AI能力包括：

- 为你提出设计稿的优化建议
- 帮助你寻找设计系统的变体
- 自动生成设计系统展示画板
-…
IT技术
( twitter.com)

2年前 • 歸藏 • -- 点击 0 评论

一个聚合网站，AI写作，AI剪辑，AI编程，AI测试，AI设计等。

ChatGPT 中文调教指南：
推特中文圈
( twitter.com)

2年前 • 章工GPT • -- 点击 0 评论

怎么让网站设计更时尚、更动感？

网站服务商 Squarespace 发布了全新的设计工具 Fluid Engine，正如名称所示，这套新系统可以摆脱一般拖放式网页设计工具的缺点，摆脱通常网页横平竖直刻板的布局，创造出更灵活、更动…
推特中文圈
( twitter.com)

3年前 • twitter机器人 • -- 点击 0 评论

生成式 UI 和结果导向的设计
#设计AI
NNGROUP 的分析文章
生成式 UI 指 AI 根据用户的个体需求定制的 UI，这种 UI 会脱离传统人机交互的设计范式，也能不依赖设计师做出具体设计
结果导向的设计指不先设计界面，而由结果倒推出界面设计，结果导向设计师将转向制定规则
IT技术
( www.nngroup.com)

1年前 • 倪爽 • -- 点击 0 评论

【周末酷站】【让高手教你规划网页设计草图】【30个漂亮的个人作品集】【12个为iOS应用设计提供灵感的好网站】【给网页设计师献上3款超赞的设计工具】【9个免费的响应式网页设计模板】
大陆资讯
( www.uisdc.com)

12年前 • 九屎一身 • -- 点击 0 评论

怎么从 UI 设计的角度系统地学习色彩

Adobe Spectrum 设计系统的作者，发布了“色彩和对比度”网站

这是一套关于色彩的互动指南、知识库，既有生理学、视觉、色彩空间这些偏科学的内容，也有设备、UI 和数据可视化设计…
推特中文圈
( twitter.com)

3年前 • twitter机器人 • -- 点击 0 评论

提升审美要多看设计好的产品或网站，刚订阅了一个设计周刊，摘录一些有趣的网站。
AI生成的奇怪的东西 Extraordinary Things
世界插画网 World Illustration Awards – The AOI
专注于收集苹果应用的菜单栏设计 Mac Menubar Apps - Curated list
IT技术
( twitter.com)

4个月前 • 向阳乔木 • -- 点击 0 评论

什么是设计系统（Design System）？
#迷你设计课
客户心目中的设计系统
我跟国内客户沟通设计方案时，总得跟不懂设计的老板、VP、总监们解释一下：
设计系统就像乐高积木，创建好之后交给你们 UI 设计师、PM 和程序员，他们拿这些积木搭建出完整产品。免得每次从头开始做设计、做开发，可以省掉
IT技术
( twitter.com)

1年前 • 倪爽 • -- 点击 0 评论

Nike 耐克品牌设计系统背后的秘密

来自设计公司的案例分析，介绍了他们为耐克设计“设计系统”的目标、方法和思路。比如说他们所要解决的最大问题，是怎么建立一个统一的设计系统，保证在大规模应用中保持耐克品牌的一致性…
IT技术
( twitter.com)

2年前 • 倪爽 • -- 点击 0 评论

喜欢新的网站设计吗？
币圈
( twitter.com)

2年前 • Bill The Investor (💙,🧡) • -- 点击 0 评论

比站酷网更好的设计网站有哪些？
大陆资讯
( www.zhihu.com)

5年前 • 知乎每日精选 • -- 点击 0 评论

怎么实现跨平台的设计系统
一般公司会分别创建和维护 3 套设计系统，应对 iOS、Android 和 Web 平台，而 Musixmatch 只使用一种设计语言，结合 React Native 技术，把一套通用设计系统应用到这三个平台
为用户提供了一致的使用体验，也减少了设计、开发成本
#设计参考
IT技术
( medium.com)

1年前 • 倪爽 • -- 点击 0 评论

AI已经永久性地改变了设计。

Figma在 #Config2023 上公布了10多个重大AI更新，这将改变设计师的工作方式。

以下是为什么AI是设计的未来 ——设计师需要的8个AI工具：
IT技术
( twitter.com)

2年前 • Will 3.6-6.16 硅谷 • -- 点击 • 下载视频 0 评论

00:00:09

收集好看 PPT 设计的网站。
IT技术
( deck.gallery)

2年前 • ding.one • -- 点击 0 评论

AI 能否改变网页设计？

设计工具 Framer 也推出了“文字-设计” 的 AI 设计功能

在 Framer 输入文字之后，AI 会以字体组合、配色组合、预置内容块为单位来帮你搭建网页，这种产品思路既不同于那些从零开始、纯拖…
IT技术
( twitter.com)

2年前 • 倪爽 • -- 点击 0 评论

打造智能自主的 AI 系统: 四大智能体设计模式深度解析
// 通过反思、工具使用、规划和多智能体协作四种设计模式的系统性组合，为构建具有自主能力的AI系统提供了完整的架构方案，使 AI 能够像人类一样进行迭代改进、工具运用、战略规划和团队协作，从而显著提升系统性能
// 各个设计模式的深层原理：
时政
( twitter.com)

1年前 • meng shao • -- 点击 0 评论

IT技术

FigMayo —— 设计系统发布成网站
链接：
该工具可以把 Figma 做的设计系统发布成一个说明网站，甚至可以在 Figma 里加入 Sandbox 链接让说明网站自动显示示例代…
IT技术
( twitter.com)

IT技术

IT技术

HiUI Design —— 小米的企业级中后台设计系统

链接：

很常规的 B 端网页设计系统，提供设计指南、前端代码等。有 Sketch、Axure、Figma 3 种平台的设计…
IT技术
( twitter.com)

IT技术

Figma 官方的“设计系统入门课程”

现在的 UX 设计、UI 设计都离不开 design system/设计系统，Figma 这个 80 分钟的课程，教你学习设计系统的基础，教你怎么创建和改进、维护设计系统

课程放在了 Y…
IT技术
( twitter.com)

IT技术

时政

今天的Figma Config大会类似设计界的WWDC，在会上Figma CEO除了宣布一系列新的能力之外也宣布了他们的AI能力包括：

- 为你提出设计稿的优化建议
- 帮助你寻找设计系统的变体
- 自动生成设计系统展示画板
-…
IT技术
( twitter.com)

IT技术

一个聚合网站，AI写作，AI剪辑，AI编程，AI测试，AI设计等。

ChatGPT 中文调教指南：
推特中文圈
( twitter.com)

推特中文圈

推特中文圈

IT技术