好的工具,是第一生产力,尤其是好的AI工具。
| 工具名称 | 简介 |
|---|---|
| Paraflow | Paraflow通过一个统一的画布,允许用户在设计阶段定义和开发产品。用户可以描述自己的想法,绘制用户流程图,并生成产品需求文档。这一过程简化了从想法到实现的整个流程,提高了设计和开发的一致性。<br>#全链路 #产品经理 |
| relume | 1.可以生成网站页面流程图、线框图、风格指南;与figam、webflow、React 组件无缝链接。更容易统一设计风格,利用丰富的组件,更高效率。<br>#全链路 |
| evoker | 一站式创作平台 :Evoker聚合了多种AI工具,支持文本、图像和视频等多种内容形式的生成,用户可以在一个简单的输入框中完成多模态创作。<br>灵感市场 :用户可以探索灵感市场,发现新鲜的创意触发点,帮助他们克服创作瓶颈。<br>#创意设计 |
| AI聊天界面设计系统组件 | 这是一套 AI 聊天界面设计系统,包含移动端和桌面端界面,支持深浅色模式与响应式布局,包含多种组件变体(如输入框、气泡、加载动画)<br>#figma资源 |
| uxsnaps | UXSnaps 是一个不断更新的真实产品 UI 截图合集,每个截图都分解成简短的 UX 课程。它旨在通过清晰的示例,帮助您学习优秀的设计,这些示例可以用于您自己的工作中。<br>类似的灵感网站很多,这是蛮不错的创意。不只是看看截图,还可以看看UX分析。<br>#设计灵感 |
| 无障碍色板figma | figma插件,快速生成一套无障碍色板。<br>#figma资源 |
| AI去水印工具 | AI去水印<br>#图片处理 |
| 给设计师看的AI指南 | 给设计师看的 AI 指南。网站主要包含两个核心板块:提示词和书签。提示词板块涵盖了从基础知识到研究、原型设计、文档编写等多个设计工作流程;书签板块则收集了关于 AI 代理、Figma 工具、提示工程资源、学习资源、编码工具和视频等多个主题的精选内容。<br>#设计指南 |
| codia AI Design | figma插件,可以将截图,几乎一比一复刻生成设计稿。<br>#figma资源 |
| 设计评审工具flwaless | 首先,我们会截取您页面的整个页面,从上到下。然后,我们会使用 GPT-4 Vision 分析截图,查找设计、可用性和转化率方面的问题,并提出相应的解决方案。我们会将审核结果与截图一起展示,以供参考。<br>#设计评审 |
| figma设计评审插件AI Design Reviewer | 这款插件,会通过字体、颜色、布局、层级、交互、无障碍等维度给出优化建议。并且可以以设计说明的方式在页面进行标注问题、优化建议,以及建议来源。也支持上传设计系统文件来检测设计交付件的设计系统基础性问题。<br>#figma资源 |
| 设计生产力工具readdy | 试了一下,效果还不错。它是由开发蓝湖的团队开发设计,一个更懂产品、设计的团队。 <br>重点是可以生成html还可以导出figma,再次编辑。还有一些不错的AI模版。 <br>目前只适合网页设计,例如一些简单的官网。 |
| 设计生产力工具UXbot | 下面是AI生成的资源案例。过程分为通过文字描述产品需求、风格→生成页面流程图,每个节点可以单独修改→生成界面,可以继续进准修改。→下一步还可以导出sketch或者html继续修改。 <br>价格168/月,试用需要邀请码。看案例效果还不错。 |
| IBM's carbon | 它包含一个专门面向AI的部分——“Carbon for AI”,其中涵盖了组件、设计模式和指南,帮助用户识别AI生成的内容,协助理解产品中AI的使用方式。<br><br>Carbon for AI是在现有组件基础上构建的——为了突出AI的存在,它为相关组件添加了蓝色光晕和渐变效果。目前已经有12个组件提供了AI版本,例如弹框、数据表格和文本输入框等。<br>#AI设计系统 |
| UI prompt explorer | UI Prompt Explorer是一个展示精美UI主题的平台,其画廊拥有从俏皮草图到优雅简约等多样风格。你可以在这里探索不同的UI设计风格,找到适合自己项目的美学,并生成相同风格的自定义提示。每个主题都配有预建的视觉元素和AI提示,能帮助你在各种设计工具中保持视觉一致性,无论是仪表盘、作品集还是电子商务网站都适用。<br>#UI设计风格 #设计灵感 |
| X上的AI生成式界面 | 最近在 X 上刷到一个好帖子。博主发起了一个生成式 AI 界面案例收集,目前已有 60 多个案例,还在持续更新中。<br>#设计灵感 |
| AI设计案例库 | 一个个视频录制,目前更新 180 个左右了,找灵感非常不错。<br>#设计灵感 |
| AI驱动的体验设计模式 | 设计指导 |
| AI UX案例库 | 内部还不是很多,也是视频<br>#设计灵感 |
| AI产品UX设计模式 | 麻省理工学院整理的设计指南,从AI产品的4个维度介绍用户会遇到的问题,以及设计解决思路,案例。<br>#设计指导 |
| Ant Design RICH设计范式 | Ant Design 团队匠心呈现 RICH 设计范式,打造卓越 AI 界面解决方案,引领智能新体验。<br>#AI设计系统 |
| html to design | 网上看到什么好的设计,都可以通过它一键变成设计稿,除了特别复杂的动画效果和 WebGL,大部分内容都可以完美还原。我之前把和它类似的所有工具都测试了,两年过去了依然它最强。而且它还提供了一个浏览器插件,可以把当前网页保存下载一个压缩包,再拖到 Figma 插件生成设计稿,完美解决了需要登录才能看到的网页保存这个痛点。<br>#figma资源 |
| 谷歌AI设计指南 | Google People + AI Research(Google PAIR)主要是探究人工智能应用如何更好地实现“以人为本”,AI Guidebook 对设计师或产品经理进行AI产品设计,能提供思路/方法上的指引。<br>#设计指南 |
| 微软AI设计指南 | 微软 AI 交互设计指南的核心原则<br>#设计指南 |
| 重新定义XU设计团队 | 在文章中探讨了用户体验(UX)团队在组织中的作用,以及如何从被动应对问题转变为推动以客户为中心的创新。<br>#设计管理 |
| 纠正figma样式错误 | Design Lint 是一款可以查找设计中缺失样式的插件。它非常适合在交付前修复设计系统或设计中的错误。<br>#figma资源 |

