产品与设计

Gradientor 这个工具可以生成渐层背景的 CSS、透过滑鼠的 mousemove 来产生渐层

适合开发者、有在使用 TailwindCSS，网站自动搭配由浅到深的颜色、可以实际预览常见元件（例如：按钮、卡片）的配色

Google 推出的People + AI Guidebook，详尽地分享完整的AI 产品设计流程，涵盖各种情境应该要考量到的细节，以及相关的案例分析。因为AI 有着许多传统软体产品没有的特性，在与使用者 的交互上，某些部分需要有不同的考量。非常推荐想要打造AI 产品的人一读

IDEO 是开创设计思考领域的先驱，过去做的许多手册、工具，对于开发创新产品非常有帮助的，包含锻炼创意自信的练习、设计思考方法卡，以及针对不同领域运用设计思考的手册等， 都收录在这个资源站当中

Google 推出的People + AI Guidebook，详尽地分享完整的AI 产品设计流程，涵盖各种情境应该要考量到的细节，以及相关的案例分析。因为AI 有着许多传统软体产品没有的特性，在与使用者 的交互上，某些部分需要有不同的考量。非常推荐想要打造AI 产品的人一读

寻找客制化、高品质视觉素材？「DrawKit」自2018年提供手绘UI，现包括动画、高级包等。 2022年更改为订阅制，提高资源取得效率。 所有插画均可编辑使用。

免费的手绘插画图库，一套手绘风格的插画库，提供各式元素组合成不同人物。适用于产品插画、市场推广、故事板等，无需版权许可，商业和私人项目均可使用。

免费的插画图库，提供可自订颜色的图片，图片也供 svg 格式下载，可用于商业或私人项目，无需版权费或标记。

fffuel 是一系列免费的 svg 生成工具，里面有非常多不同的 svg 类型，平常有 svg 图片生成需求的人，很推荐玩玩看这系列工具

Canva 是一款简单好上手的设计工具，不论是海报、简报、社群贴图等不同设计，都可以透过 Canva 快速完成。此外 Canva 整合了 AI，让设计的效率大幅提升。