灵感网站推荐:让 AI 也能拥有「设计感」
现在越来越多 AI 编程工具都支持 DESIGN.md,它可以把一个网站的视觉设计(颜色、字体、间距、组件规范等)整理成 AI 可读的设计文档,让生成的界面不再是千篇一律的「AI 风」。这一概念最初由 Google Stitch 推广,如今已经开始形成生态。 先拿设计规范交给 AI,再生成的界面会更有设计感,也更接近真实产品,推荐两个这类的产品
设计灵感周刊整理
整理自 Moonvy《设计素材周刊》(100–219 期),按功能分类排列,去重后共 445 条。
OpenPencil 是一款开源的 AI 原生设计编辑器,它把设计文件当作可读、可查询、可修改的节点树,而不只是一个只能在特定软件里打开的画布。项目支持导入 Figma .fig 文件,并提供桌面端、网页端、CLI、MCP Server 和 Vue SDK。 它的有趣之处在于:设计师可以在画布上编辑,脚本可以批量修改 Token,AI Agent 也可以通过
UIAble 是一套基于 shadcn 和 Base UI 的 React 组件系统,最近发布了新版本。它不只提供单个 Button、Input、Switch 这类基础组件,还把表单、消息、文件上传、交易、数据卡片等常见应用界面整理成可以直接参考和组合的结构。 项目强调开源、可访问性、完整代码所有权和 AI 友好,组件可以复制到自己的项目中继续修改,不需要被
UISFX 是一个专门为产品界面准备的开源声音效果库。它把常见的 UI 状态拆成 78 个语义化提示音,再为每个状态提供 12 种不同的声音感觉:Minimal、Soft、Glass、Arcade、Mechanical、Organic、Dreamy、Sci-fi、Rubber、Cinematic、Studio 和 Zen。 目前库里共有 936 种声音,包括
BoardUI 是一套为 Agentic Interface 准备的 React + Tailwind CSS 设计系统。它不只是把 Button、Input 这样的基础组件放在一起,而是把后台和 AI 产品里真正会用到的界面整理成可直接参考和安装的模块:数据表格、图表、日历、会议安排、Agent 进度、Prompt Composer、图片生成加载器、侧边栏
IP as Logo 是一个把产品吉祥物设计规则写成 Agent Skill 的开源项目。它的目标不是生成一张复杂的角色插画,而是把一个产品主题压缩成在小尺寸下依然清楚、可爱、容易记住的品牌符号;如果放在产品仓库里,它还可以先读取 README、页面文案和设计 Token,再根据产品语境提出方向。 这套 Skill 对视觉约束写得很具体:主体通常由 4–7
这是一个专门为 Figma 制作透视效果的插件,可以将向量、文字、群组和 Frame 放入自定义的透视空间中。除了常规的透视变形,它还支持创建透视网格、球体、Logo 和各种 Mockup,适合用来制作具有空间感的界面展示、品牌图形和产品视觉。 作者表示这是因为没有找到合适的工具才自己开发的,目前可以在 Figma Community 免费使用。 原帖与演示
这是一个可以把网页上复制的 CSS 样式直接粘贴到 Figma 的小插件,帮助你快速还原网页中的颜色、字体、间距和其他视觉样式。对于需要参考现有网页、整理设计规范或把前端样式带回设计稿的场景,可以减少手动设置属性的时间。 Figma 社区插件:https://www.figma.com/community/plugin/1671481846182486959
页改改是一款可以为任意网页注入自定义 CSS 样式和 JavaScript 脚本的 Chrome 插件。CSS 与 JS 可以分别管理、互不干扰,并支持按网址或正则表达式设置匹配规则,让修改只应用到指定的网站或页面。 插件提供内置代码编辑器和实时预览,编辑后的改动会立即呈现在目标网页上;还带有 CSS 语法检查,适合用来调整网页样式、测试前端效果,或打造更符
AI 可以很快写出一个页面,但很难凭空写出这种细腻的交互。Aceternity UI 的 Labs 收集了一批完成度很高的交互实验,每个案例都可以现场试玩,并查看和修改对应代码。 这里的案例不只是换个颜色或加一个 hover,而是把交互拆成了可以研究的具体问题:SVG Path Morphing 让播放按钮在暂停和播放之间平滑变形,Fey Cards 会在
Viscose Carousel 是一个很值得拆开研究的作品集轮播实验。它没有把项目卡片放在普通的网格或横向滑块里,而是让卡片沿着一个大部分位于屏幕外的环运动:卡片靠近时会融合成一团,分开时又会拉出细细的“丝线”,整个效果由一个全屏 fragment shader 统一绘制。 交互也做得很完整:可以滚动、拖拽或滑动来转动环形轨道,松手后会带着惯性停在最近的卡
上传一张 Logo 后,可以用下面这段提示词把它转成更有实体感的 3D 霓虹灯招牌。重点不是简单给 Logo 加一层发光滤镜,而是要求模型把平面图形重新理解成真实的灯管装置:保留原始识别度,同时补足灯管厚度、弯折、接缝、安装结构和光线反射。 原帖:https://x.com/doganuraldesign/status/2088750386605916429
Checklist Design 是一个面向 UI、UX 和 Web 产品的实践清单库,按照网站页面、组件、用户流程、通用体验和品牌素材来整理。你可以针对正在做的页面或流程,选择对应的清单逐项检查,也可以直接复制给代理人,让它结合自己的界面截图和代码逐条审查。 它覆盖的范围很适合用来补齐 AI 生成页面容易遗漏的部分:按钮、表单、弹窗、导航、加载、空状态、错
Recent Design 是一个每天更新的设计灵感与资源精选站,收录优秀的设计作品、网站、OG 图片、App 截图和应用图标,也整理了实用工具、设计技能与相关职位。网站提供 Design、Websites、App Screenshots、App Icons 等分类,适合在寻找视觉参考、做竞品分析或探索新工具时快速浏览。 官网:https://recent.
Brilliant 是一款面向 AI 时代的专业矢量设计工具,可以让设计师与 AI Agent 直接在同一块画布上协作。它既支持内置 AI 对话,也能通过 MCP 连接 Claude Code、Cursor、Codex 和 GitHub Copilot 等工具,让 Agent 创建或修改设计,而生成的结果仍是可以手动编辑的原生矢量图层。Brilliant 还
tone 是一款能将照片快速转换为复古孔版印刷效果的 iOS 应用。导入照片后,它会利用半色调网点、颗粒、油墨叠印与纸张纹理,生成类似双色海报或 ZINE 的印刷质感。应用支持 1~3 色叠印,可分别调整网点大小、角度与油墨浓度,还能自定义纸张、留白、画幅比例和圆角;喜欢的效果可以保存为预设,最终以 PNG 格式导出。应用可免费下载,部分油墨颜色、预设保存与
在 Vibe Coding 时代,使用 AI 辅助设计网页时,最怕的就是各个页面风格不统一。DesignMD 就是为了解决这一痛点而生的工具。它可以直接分析你指定的精美网站,将其色彩系统、字体层次、间距规范以及圆角阴影等核心设计特征提取出来,生成一份标准的 DESIGN.md 规范文件。将这份文件直接放入项目根目录,AI 编码助手(如 Claude、Curs
在 Figma 中实现类似 Illustrator 的网格变形(Mesh Warp)或自由变换效果,Warp It 绝对是不容错过的利器。它允许你直接对 Figma 中的矢量图形甚至文字进行扭曲、弯曲和形变操作。你只需通过拖动网格上的控制点或调节滑块,就能轻松制作出波浪形文字、透视效果的插画以及各种极具张力的创意视觉。需要注意的是,对文本进行变形后,它会将其
这是一款非常适合“懒人”的 Figma 粒子特效插件。它内置了 65 个现成模板,点选即可在画布中生成动画效果。模板类型非常丰富,包括彩纸类(Confetti、金色彩纸)、闪光类(Gold Glitter Fall、Sparkles)、氛围类(雪景球、星空、樱花飘落)、以及可以套用自己素材的 Logo 组装和图片消解等炫技动效。每个模板都能继续微调重力、颜色
一款 Figma 表格生成与编辑插件。它支持实时预览、嵌入编辑、拖拽排序等功能,极大改善了在 Figma 中制作和维护表格的痛苦体验。它提供 8 种预设主题色块和 12 套常用数据模板(如商品清单、Bug 追踪等),支持导入 Excel 文件或从剪贴板一键粘贴,并且能够一键生成至画布,或者选中已有表格载入回传编辑 https://www.figma.com/
现在越来越多 AI 编程工具都支持 DESIGN.md,它可以把一个网站的视觉设计(颜色、字体、间距、组件规范等)整理成 AI 可读的设计文档,让生成的界面不再是千篇一律的「AI 风」。这一概念最初由 Google Stitch 推广,如今已经开始形成生态。 先拿设计规范交给 AI,再生成的界面会更有设计感,也更接近真实产品,推荐两个这类的产品
这是一个将全网最热门的模板与设计帖子聚合在一起的网站,每日更新。它可以帮你把零散的灵感帖子集中在同一个地方,并整理得井井有条。 https://posts.design/
如果你每天频繁使用 Icônes 网站来获取图标,现在它可以作为原生的 Mac 客户端使用。该软件包含超过 200,000 个开源图标,支持在桌面直接进行搜索和导出,完全免费且开源。 GitHub 仓库:https://github.com/ensaktas1/icones-desktop X 推文:https://x.com/ensaktas/status
X 上看到一个 Codex 的使用案例,将 Codex 内置一个图片标注工具,这样修改标注工具里的图,Codex 就能读取数据进行重新生成,案例分享给大家 通过内嵌浏览器 + Codex Image 2 + 无限画布(Excalidraw / tldraw),构建一个多模态画布系统,让 Codex 直接读取画布的 Base64 标注图,实现“看图理解 + 生
App Store 截图库包含,350万+ 截图 、40万+ 应用,永久免费 https://screenshotsclub.xyz/
umanmade 是一个由真人创作的数字作品精选目录,收录优秀的设计灵感和交互案例 https://www.umanmade.com/
免费的、随时可用的 Figma UI 块库。 复制任意组件,将其粘贴到你的文件中,即可立即开始构建。 非常适合着陆页、布局和 UI 部分。 https://blocks.lander.studio/
检查设计功能会将您的设计与设计系统进行比较,标记出偏差之处,并一键提供正确的修复建议。在工作过程中随时发现偏差,在交付前运行质量保证流程,并确保每个文件都与您的设计系统保持一致: → 变量和样式建议标记硬编码的颜色、文本、半径和间距值,并将其替换为正确的设计系统标记。 → 辅助功能建议会标记颜色对比度规范,并将其替换为符合 WCAG 2.0 AA 或 AAA
网站头部设计很有意思,像打印机又很有质感,现在有 AI 加持网站的设计到上线比之前简单不少,有空的时候都可以试试看,对之后找工作也会有帮助。 https://nooc.me/zh
有了 AI 辅助之后甚至已经不需要产品上线才能用上,分享这个例子,只需要一个概率和样例通过几轮对话就能生成自己的工具,这个案例有需要的可以复刻一下 https://x.com/mochitaro_de/status/2066330465934659795
为你的网站赋予声音,让他会说话。仅使用一个属性,为 shadcn/ui 提供语义音频反馈。17 个语义角色,24个组件,每个组件都监听该属性,即时反馈体验极佳。 https://www.sensory-ui.com/#showcase
适合做流程图 发给你的 AI 让它来运用就好了,官方给了 84 个经典案例 画流程、架构、循环啥都行 Github:https://github.com/lukilabs/beautiful-mermaid 预览:https://agents.craft.do/mermaid
精美的抽象 SVG 形状,只需一键即可立即复制代码。 完美适合想要让界面更动态、更具视觉丰富度的设计师和开发者 https://spectrums.framer.website/
每日用户界面灵感,由设计团队精心挑选 https://collectui.com/
用户粘贴诗歌并上传图片后,系统会让文字沿着图像的轮廓、明暗或区域分布排列,把文本转化成可导出的视觉艺术作品。 https://visualpoetry.kiira.in/
汇集了GPT Image 2、Nano Banana 2、Seedance 2.0、Veo 3.1和Midjourney 的所有比较热门提示词。 https://www.meigen.ai/invite/M3RUXWRD https://github.com/jau123/MeiGen-AI-Design-MCP
AI卡路里与实时功能,实时照片食物记录与 AI 扫描 https://apps.apple.com/us/app/littlebite-ai-calorie-live/id6761377025
这是一个帮助用户快速生成世界观、场景、角色或故事雏形的工具。你只要提供一点想法,它就能帮你把一个小型的虚拟世界原型搭出来。可以打开网页体验他 https://tinyworld.build/ 类似的项目还有另一个:https://github.com/boona13/mykonos-island-voxels
这个好玩,ESP32 小屏幕放在桌面上,随时瞥一眼就知道 Claude Code 配额还剩多少,省得在终端里来回切。 https://x.com/geekbb/status/2054352171018403890 https://github.com/HermannBjorgvin/Clawdmeter
简单的工具让为照片或图片增加设计感的细节,变成具有艺术感的海报 https://brand-generator.stoyanov.works/
包含多种种类的特殊字符,颜文字、中文特殊字符、数学字符、函数、天气等各种特殊符号 http://atmsps.top/apps/tsfh/tsfh.html#section-1 https://emojidb.org/starfish-emojis
覆盖 APP、运营、海报、插画与 IP 等设计场景,每张图都配有可直接复制的 AI 提示词,让灵感随取随用,全部由 GPT-image2 完成 https://image2hub.netlify.app/
设计师社区可以发布设计也可以浏览器各种类型的设计灵感和案例 https://notefolio.net/
Figma 中为 PNG 元素添加符合元素轮廓的描边,非常实用并且免费 https://www.figma.com/community/plugin/1457662942651611491
Simple Image 是一款面向设计师与日常用户的轻量级图片处理插件,提供类似 PS 的核心基础功能,可以在插件内完成常见的图片编辑操作,如色彩调整、简单修复等,无需打开大型软件即可快速处理图片 https://www.figma.com/community/plugin/1615558697625316087/simple-image?q_id=22f
NexUI 设计系统 v1.0 正处于积极开发阶段。组件、设计令牌(Tokens)及相关文档均在定期更新中。 目前包含、485 个组件、 65 个页面、168 个变量(涵盖颜色、间距、圆角、排版)、5 种模式(含深色与浅色模式),以及专为 React、Tailwind CSS 及 TypeScript 工作流打造,支持自动布局(Auto Layout)
Toggle UI 的配套资源库——包含网格图案、点阵列、栅格瓦片、叠加蒙版、背景叠加层以及矢量源文件。所有图案均为矢量格式,完全可编辑,并旨在与 Toggle UI 的主题及模式系统实现无缝协同。免费使用。 https://www.figma.com/community/file/1634670417196145369
专为 Vaadin 设计系统(采用 Aura 主题)打造的 Figma 资源库。该资源库适用于 Vaadin Web 组件及 Vaadin 框架,助力开发者利用纯 Java 语言构建精致的 Web 应用程序。库中组件均包括自动布局、属性、变体及插槽等。该 Figma 文件力求尽可能精准地还原 Vaadin Web 组件的实际效果。 https://www.f
一个漫步于以工艺和关怀打造的产品之间的场所 https://roam.neesh.page/ https://www.curated.supply/
我们目前每天都在接触 AI 工具,AI 工具常用的对话框设计哪种附件的展示方式更喜欢,可以评论区聊聊你的看法 https://x.com/_heyrico/status/2053158331905450090
采集 X 平台中是设计、创意,集中在一起浏览,并且保持高频率更新 https://bestdesignsonx.com/
作者收集了 Web 应用程序最基本的过渡效果,你可以直接复制粘贴到任何项目中使用 https://transitions.dev/
在任意网页上实现类似 Figma 的设计体验,调整元素样式、添加评论,并导出结构化 Prompt 给 AI 开发与协作。 Liaison 是一款面向设计师、产品经理、前端工程师和高频 AI 用户的浏览器插件。它让你可以直接在真实网页上完成样式调整、界面批注和实现反馈,不再依赖截图标注、文档补充和反复描述。你可以像在设计工具里一样选中页面元素,修改尺寸、间距、
最贵缩放录屏软件 Screen Studio,核心功能被 Recordly 复刻,完全免费开源! 同时支持Mac/Windows/Linux。 测试了下,比Screen Studio 还轻便顺滑 https://recordly.dev/ https://github.com/webadderall/Recordly
作者在 Figma 中1小时绘制的小组件,好玩的是发帖后有人回复了在线的地址,将组件实现为了可以使用的音乐播放器,在 AI 时代还是需要审美创造力的,可以通过链接体验 https://x.com/AdityaSur11/status/2038881480898756695 https://audio.snvshal.workers.dev/
这是一个开源的文本排版项目,提供快速且高精度的文本测量与排版算法,可实现类似报纸版面的动态图文环绕与复杂排版效果。该方法也可作为 AI 的排版能力基础,让模型在生成网页或富文本内容时,能够更灵活、更可靠地完成布局与渲染决策,从而提升自动生成页面的可读性与美观度。 https://x.com/_chenglou/status/20377137662056082
推出”Demo Key”——只需Google账号,秒获API密钥 无需信用卡、无需账单信息、直接写代码 这解决了困扰开发者多年的痛点:想测个地图功能,先被逼着绑卡 现在AI生成的地理空间代码可以直接跑了 对学生、独立开发者、第三世界用户来说,门槛归零 https://mapsplatform.google.com/maps-demo-key/ https:/
图片生成手绘风格的工具,产品包装做的非常好看,并且每人都能免费生成5张,这种风格非常喜欢 https://stoodio.doodles.app/ai https://x.com/doodles/status/2033954053349146792
SVGL 是一个开源 SVG Logo 资源库,收录大量常见品牌图标,支持搜索、下载,甚至直接通过 API 调用 https://svgl.app/
CannedStyle 风格罐头插件新增了一套 AI 主题的样式,打开插件创建一个矩形点击样式即可使用 https://www.figma.com/community/plugin/1392338579595619092/canned-style
可以在地球上添加标记、弧线、附加任何 HTML 元素,无限创意,可与任何框架配合使用:React、Vue、Svelte或原生 JS https://cobe.vercel.app/ 作者:https://x.com/shuding/status/2034352633381847145
LiftKit 是一个开源 UI 框架,定位于“为完美主义者打造的界面工具”。它通过数学计算(特别是黄金比例)来自动优化界面间距、字体、边距、色彩等,让组件看起来更加和谐、平衡并“奇妙地舒服”。 https://www.chainlift.io/liftkit https://github.com/Chainlift/liftkit
国内团队开发的面向真实印刷流程的 Figma 插件,把 CMYK 色彩管理、ICC 配置文件转换、图片 DPI 预检、出血与边距设置、可编辑 SVG 导出 等能力整合到一个更流畅的工作体验中——帮助你在 Figma 内快速校验关键印刷要求,并更快导出交付文件。 https://www.figma.com/community/plugin/1583985202
里面做了很多有意思的设计交互尝试,例子中包含了详细的说明以及多图和交互演示 https://www.baothiento.com/
将任意网页转成 Figma 设计文件,这期一次分享 2 个免费工具,亲测好用👍 安装插件之后,在要采集的网站,右键菜单「捕获页面到 Figma」,在 Figma 里粘贴就行了 https://www.yzycolour.top/#/extension https://wwbmr.lanzouw.com/iInYM3jw1cve 安装插件之后,在要采集的网站,
Pixlore 是基于代码驱动的 Figma 生产力插件。它支持将 HTML code 直接转化为高保真的 Figma 矢量对象,自动匹配 Figma 的自动布局、样式属性。无论是复刻线上页面,还是将AI生成的代码转化成可编辑的矢量对象,都能一键转化,让设计工作流更高效。 https://pixlore.newportai.com/despilot-serv
免费、无需登录,无需注册,裁剪类工具、颜色调色类工具、图片类工具、排版类工具,以及各种类型的计算器工具合集,非常实用 https://delphi.tools/
Seater 是一款 macOS 桌面窗口管理工具。在桌面上创建虚拟「工位」,将应用窗口拖入即可自动吸附,让窗口管理变得直观有趣。这也是作者的第一个 VibeCode 产品 作者:https://x.com/zuozizhen/status/2030486413708603399 https://github.com/zuozizhen/Seater
浏览器中的图片美化工具,支持截图或者网站链接,丰富的样式设置支持免费下载 https://www.screenshot-studio.com/
一款集录制与剪辑于一体的屏幕录制工具,支持原生级截图与录制体验、时间线编辑、字幕生成、多比例导出与专业音频控制,覆盖从录制到发布的完整工作流。支持 macOS、Windows、Linux http://www.lelekawaii.com/CursorLens/ https://github.com/blueberrycongee/CursorLens
Tailark Pro 是基于 shadcn/ui 扩展的一整套 UI 模板,极简却细节满满。包含 22 个可自定义模块,以紧凑、交互式的方式组织内容,让产品功能展示更清晰、更有节奏。同时支持 Light / Dark 模式切换,拆解每个组件,你都能看到精致的间距控制、层级处理与简洁有力的设计语言。 https://pro.tailark.com/
免费生成带有实时预览的液态玻璃、玻璃形化和新形化 CSS 图像工具 这是个 vibe code 的小工具。现在 vibe code 越来越流行,这样的小工具越来越多了。 https://aethercss.lovable.app/
与生成投影类插件的区别是集成了很多预设投影效果,并且选择预设之后还能继续调整细节 https://www.figma.com/community/plugin/1572154114070473035/shadow-factory-beautiful-smooth-stacked-shadows-for-real-depth
Halftone Studio 可以直接在 Figma 中将任何图像转换为漂亮的矢量半色调图案 https://www.figma.com/community/plugin/1588479480084953263/halftone-studio
可将图片转换为成千上万个矢量点。你可以自由调整点的大小和密度,轻松打造理想效果,为设计带来统一而独特的风格。 https://www.figma.com/community/plugin/1230103100505452948/pointillism
把图片处理成模仿丝网印刷的视觉感觉,支持调节细节参数 https://www.figma.com/community/plugin/1584204863720680047/cmyk-halftone
将不均匀的内容组织成美观、平衡的网格布局——非常适合图片库、卡片布局、信息流和探索性设计工作。 只需选择图层,运行插件,即可快速获得干净的布局 https://www.figma.com/community/plugin/1595782934604266640/masonry-grid-layout
AIGC创意作品集封面设计 https://www.figma.com/community/file/1599691880307328806
以重命名的方式进行格式的转换,Consul 会在您更改文件扩展名时自动转换文件。 例如,重命名文件IMG_0073.HEIC后,它会立即转换为 JPEG 格式——支持图像、视频、音频等多种格式。 IMG_0073.jpg https://getconsul.app/
为图像添加描边轮廓,选择图层启动插件,调整描边宽度和颜色 点击“生成轮廓”,多次运行就是多重描边效果 https://www.figma.com/community/plugin/1586538688626105877/png-outline
非常有意思的插件,将设计图用 3D 堆叠的视角展示,从全新的视角探索 Figma 的图层结构! https://www.figma.com/community/plugin/1592501914078287014/figma-3d-tilt
通过内容或名称一键选中相同图层,并进行高效批量文本填充 https://www.figma.com/community/plugin/1596081741670001593/batch-text-filler
网站收集展示 2025 年各App年度报告设计,包含 58个应用 800+张截图 https://2025app.designstroll.space/
上传一张图,可以像万花筒一样,选择重复规则生成新的花纹,非常有意思的工具 https://hua.kuaitu.cc/
Corca 是一个 在线协作数学编辑工具,旨在替代传统的纸笔和笨重的 LaTeX 编辑流程,让公式输入和数学工作变得更直观、更高效。 你可以像在数学黑板上一样输入内容、实时协作,还能 将结果导出为 LaTeX 或 PDF。Corca 支持多人在线实时编辑和讨论,适合研究人员、教师、学生组成团队进行数学写作、课堂讲义或科研工作 https://corca.ap
文件 Page 如果名称是 --- 三条横杠,就会自动变成页面分割线,在分割线上鼠标右键点击,可以复制分割线、删除分割线
蒙版功能的蒙版图层,可以是布尔运算后的连集,可以不拼合,这样能保持每个图层的可编辑性
FigmaEX 上下文菜单中的按钮『改变旋转中心点』点击按钮后可直接拖拽并重新设置元素的旋转中心点,再次进行旋转时将以新的中心点位置为基准,也可以使用快捷键:Alt + R
这是一个国外出现的新的UI设计工具 Paper ,简单体验了一下满足日常可用,填充方式切换方式很快捷,内置部分动态素材,目前暂未看到社区与插件市场相关功能。 https://paper.design/
包含基于 Auto Layout 与 Variants 构建的可扩展聊天气泡组件,适用于消息、评论以及各类对话式界面,能够轻松适配不同设计场景 https://www.figma.com/files/team/834613397167663959/resources/community/file/1590820100189543293
一套以设计 Token 为核心、为稳定性与规模化而打造的强大基础体系,包含可扩展的字体体系,响应式栅格与间距规范、阴影、层级与圆角系统、200+ 矢量图标、700+ 全局样式与设计 Token 一整套可直接用于生产环境的组件库,每个组件都拥有清晰的结构、智能属性,并基于 Auto Layout 构建,适配多种场景: https://www.figma.com
我们团队已经 连续 3 年,都会为 Figma 做一个 年度数据总结的小工具,把 2025 年的努力「具像化」 使用报告你可以清楚地看到: https://moonvy.com/blog/post/2025/myfig/
Upscayl 是一款对设计师、摄影师等都很实用的 AI 图像放大工具,它以 免费、开源、易用 为主要优势 https://upscayl.org/
网站展示精心挑选的最适合您生活的菜单栏应用程序列表 https://macmenubar.app/
Nuclear 是一个免费、开源的跨平台桌面音乐播放器,通过聚合 YouTube、SoundCloud、Jamendo 等多个免费音乐来源,提供类似 Spotify 的音乐搜索和播放体验,无需注册、无广告、无订阅,支持播放列表、本地音乐、歌词显示等功能,适合想要使用开源、自由音乐播放器的用户。 https://github.com/nukeop/nuclea
输入文字即可一键生成篆体印章,支持多种排版布局与杂色效果,自由调整风格,生成后可直接免费下载 PNG 图片,方便使用与分享 https://huozhi.im/lab/seal
是一个针对 Claude Code 子代理生态的资源整理与搜索平台,方便你查找适合自己任务的 AI 子代理和服务器集成 https://www.sub-agents.directory/
这位作者在 Figma 社区 分享了大量高质量的 流光质感背景素材。每个资源文件都附带 高清主图 + 多角度效果图,支持设计者在海报、Banner、卡片等作品中灵活应用。质感细腻、光影丰富,是提升视觉表现力的绝佳素材库。 https://www.figma.com/files/team/834613397167663959/resources/communi
可拼接素材,每款图案都融合了对称、韵律和灵动的平衡感 https://www.figma.com/files/team/834613397167663959/resources/community/file/1577991673655607215
包含 50 多个 3D 图标的素材,使用 C4D 创建,并在 Photoshop 中进行精细化处理 https://www.figma.com/files/team/834613397167663959/resources/community/file/1580159617625060429
包含 100 个完全可定制的 3D 头像的精美素材包!多样化、富有表现力的角色涵盖所有人群和个性,可以作为项目中的头像资源 https://www.figma.com/files/team/834613397167663959/resources/community/file/1587102189902134264
Handy 是一个完全 开源、跨平台(Windows / macOS / Linux)的语音转文字桌面应用,支持在本地离线运行,无需联网,不会把你的语音上传到云端,保护隐私。它利用 Whisper / Parakeet 等模型进行语音识别,可通过快捷键按住说话即可自动将语音转写并粘贴到当前文本框中,非常适合记笔记、写稿、会议记录等场景。 https://gi
AmeOS 是一款高质量的 手机操作系统概念模板,AmeOS 16 / 16.3 采用统一的 Liquid Glass 视觉风格,全面重设计了应用图标、系统布局、锁屏、动画与键盘等核心体验,展示了一个在视觉与交互上高度一致的未来移动 OS 概念,适合用作系统设计灵感与概念参考。 https://www.figma.com/files/team/8346133
一个受建筑蓝图设计启发的现代 React 和 Tailwind CSS 组件库,包含可复用的组件、模板、样机或 UI 设计规范等内容 https://www.figma.com/files/team/834613397167663959/resources/community/file/1585101937198168427
适合作为项目起步模板或日常设计素材补充。通过高度可复用的组件与规范化布局,帮助设计师快速搭建设计稿、统一视觉风格,并有效提升设计效率 https://www.figma.com/files/team/834613397167663959/resources/community/file/1149606403335600352
特斯拉 Model 3 用户界面界面。 包括菜单界面、音乐栏、键盘和行程导航。 https://www.figma.com/files/team/834613397167663959/resources/community/file/1382192547846546595
现在可以在网站中切换查看多种网站设计风格,复制喜欢风格的提示词,将这些提示添加到任何 AI 助手,即可在几分钟内打造美观且一致的界面。 https://www.designprompts.dev/
一个让提示词更好写、更好管的工具。支持灵活编辑与集中管理,提供大量预设结构,轻松应对复杂、冗长的提示词工程。 https://promptfill.tanshilong.com/
为图片添加多种 抖动(Dither)效果。应用效果后,插件会实时复制并更新最底部的图片图层,支持透明背景和复杂的矢量形状蒙版。仅支持 图片图层,无法直接将矢量图层转换为抖动图片效果 https://www.figma.com/community/plugin/1524044197426144935/dither-me-timbers
Hyvä UI 是一套与 Hyvä Theme 完全兼容的 UI 组件库,提供不断扩展的即用型组件,帮助更快速地搭建 Magento / Adobe Commerce 电商网站。包含丰富的设计组件,支持自动布局、样式、组件与变体,方便设计师快速定制并高效完成设计 https://www.figma.com/community/file/15834902514
高质量的样机、图案、纹理、笔触等素材资源,网站中有各种格式和各种设计素材部分支持免费下载使用 https://resourceboy.com/photoshop-brushes/
热门人工智能/LLM模型品牌SVG标志和图标合集,支持快捷复制色值、免费下载 SVG 格式到本地 https://icons.lobehub.com/
网站中提供各种格式的资源和丰富的源文件以及样机等素材 https://craftwork.design/search/free
这是 Three.js 的官方学习网站,用于介绍、学习和获取这个开源的 JavaScript 3D 库及相关资源 https://threejs.org/ https://threejs.org/examples/#webgl_animation_keyframes
作者通过图片偏移 + 放大 + 模糊,并结合鼠标跟随,几乎完全依赖 CSS 就实现了动态光效,仅用极少量 JS 来负责位置计算。实现思路非常巧妙,既优雅又有参考价值。 强烈建议收藏研究一下,把这个效果用到页面里,整体质感立刻提升不少 https://codepen.io/jh3y/pen/WbwZaNa/pen https://x.com/vikingmut
这套包含 60 个的社交媒体模板合集,涵盖 YouTube 缩略图、各平台封面、活动海报以及多尺寸的通用社交内容,完整覆盖常见发布场景,让你无论做视频、发动态还是办活动,都能快速套用、高效产出。 https://www.figma.com/community/file/1578854615638797955
https://www.figma.com/community/file/1580139604756701058
一套 100 个 3D 表情符号图标,由 C4D 制作并在 Photoshop 精细调整,适合用于万圣节主题落地页、社交媒体贴文或产品界面。 https://www.figma.com/community/file/1579889380259081255
质量很高的矢量小插画素材,可以用来学习 Figma,自由地拆解和重组各种设计稿,随心修改文字、颜色和效果,可用于个人或商业项目。 https://www.figma.com/community/file/1522610393674027747
使用 Efecto,你可以为图像、视频或 3D 模型实时叠加多种艺术效果,包括 ASCII、抖动、半色调等独特风格。并提供互动控制,调整颜色、背景、旋转与缩放 https://efecto.app/
探索精选的 Nano Banana Prompt AI 生成的 AI 图像提示合集 https://nanobananaprompt.org/prompts/
可以在这里找到很多优质的免费和付费的各种图标、插画、花纹等矢量素材 https://www.framer.com/marketplace/vectors/
文件中包含30个矢量的无缝平铺纹理素材,边缘与边缘可以完美接上,重复铺满后不会看到断点或缝隙 https://www.figma.com/community/file/1577927066661104856
20个各类网站的着陆页页源文件素材 https://www.figma.com/community/file/1578259247628557763
来源,宝玉@dotey 3D chibi-style miniature concept store of {Brand Name}, creatively designed with an exterior inspired by the brand's most iconic product or packaging (such as a giant {
追踪 2026 年剩余的所有月相,非常适合观星者、计划者和享受月光时刻的人。 https://www.figma.com/community/file/1574706003462114856
这是作者个人的小探索,从一个微小的灵感开始,逐渐发展成一个干净的 液态玻璃风格界面。并将它作为免费资源分享给大家,如果有人想学习、改编或者用作自己项目的灵感,都可以使用。 https://www.figma.com/community/file/1574604203719296662
一套专为电商平台设计的现代化用户界面方案 https://www.figma.com/community/file/1575391672230751236
这是一款免费开源的文件传输工具,使用 P2P 点对点技术实现文件的直接传输,无需经过云端服务器;它提供端到端加密保护并确保用户隐私(无需个人信息),支持 Windows、Linux 和 macOS 系统,以及支持包括中文、英文等多种语言。 https://github.com/tonyantony300/alt-sendme
这是一套官方免费推出的 Nuxt UI v4 生产级模板合集,包含落地页、文档站、作品集和仪表盘四种核心布局;这些此前属于 Pro 付费版的设计现已全面开放,完美适配 Nuxt UI v4 组件库与 Tailwind CSS v4 架构,支持全端响应、亮暗模式切换及 Figma 自动布局 https://www.figma.com/community/fil
为了解决原有 Hyvä UI 库在复杂项目中的局限性,Baldwin 团队开发并免费开源了 The Baldwin x Hyvä 组件库;这是一套专为多品牌电商项目打造的生产级设计系统,采用原子设计结构以确保扩展性,并支持高级变量与模式以实现轻松的主题定制,完美弥补了原版在灵活性和功能深度上的不足。 https://www.figma.com/communi
网站中收录了全球很多国家 3500 多个设计师的作品集链接,并且一直在保持更新 https://raindrop.io/mamkindesigner/designer-portfolios-10167530
整套系统采用了直观、响应式的设计,并通过独特的轨道式可视化界面打破传统列表的限制,让任务优先级一目了然;同时集成了精细的权限管理与灵活的自动化工作流搭建功能 https://www.figma.com/community/file/1573395792092234125
精选 3D 毛玻璃风格图标(源自金融与商业图标包的免费样张),所有图标均支持完全改色,能轻松适配各种品牌风格,非常适合用于金融科技应用、数据仪表盘及产品演示设计中。这种 PNG 改色的方法可以在文件中学习一下 https://www.figma.com/community/file/1574038608613077013
https://www.figma.com/community/file/1573248348831568601
https://www.figma.com/community/file/1572282900480781426
基于 SwiftUI 的 Gemini 3.0 Pro 构建的 macOS 克隆版。这是一个高度精确的 MacOS 及其部分应用程序的复刻项目,完全使用 SwiftUI 构建,且代码由 Google 的 Gemini 3.0 Pro 生成。该项目专为在 iOS 设备上运行和使用而打造。 https://github.com/PallavAg/MacOS-Cl
包含 45+ 页面,涵盖数据面板、训练、饮食、日程、目标、会员等完整模块,适用于健身应用、教练工具或健身平台 https://www.figma.com/community/file/1570314545866418502
适用于海报、短片展示和电影节提交。为设计师、电影制作者和学生提供可直接使用的模板参考。 https://www.figma.com/community/file/1567486879396281979
这是一个基于 Libadwaita 和 GTK 设计的 Spotify Linux 原生应用概念稿 https://www.figma.com/community/file/1569385569671106202
Kärlek 是为 Lovable 打造的非官方设计系统,旨在提升产品的一致性、效率和品质。系统包含设计 Token、可复用组件和设计模式,支持可扩展性与包容性。 https://www.figma.com/community/file/1570164798684271906
通过Figma小部件的方式插入到设计图中,随时调起图标面板,支持编辑图标的边距、大小、描边粗细等设置,并可通过英文关键词搜索图标。 https://www.figma.com/community/widget/1567784778116580111
在设计时创建思维导图,并且支持丰富的样式选项 https://www.figma.com/community/widget/1563085532429601427
插件包含渐变、笔触、布局、颜色、预置布局等功能,助你快捷创建设计界面 https://www.figma.com/community/plugin/1561328107289586595/ui-all-in-one
包含风格的高质量数据大屏相关的组件和素材 https://www.figma.com/community/file/1567553532590576959
将静态设计图通过AI生成视频并支持导出 https://www.figma.com/community/plugin/1369962124332320272/algo-video-automation
适用于 Figma 的生产级 Shadcn 设计系统,包含43个组件:手风琴、按钮、卡片、表单、对话框、标签页等,支持 明暗模式和全响应式布局(移动端、平板、桌面端) https://www.figma.com/community/file/1568461783100341966
Figma 仪表盘模板,拥有多种布局与组件,帮助设计师和开发者快速搭建或灵感启发 https://www.figma.com/community/file/1566258176407018833
包含 75+ 即用图表组件(折线、柱状、饼图、环形、雷达、进度、混合图等) 明暗双模式全面支持,完全可定制(基于 Figma Auto Layout),像素级精准、可扩展且层级清晰 https://www.figma.com/community/file/1568871215640009274
这是一套专为社交内容创作者设计的 Instagram 模板合集,涵盖多种类型与场景 https://www.figma.com/community/file/1567154442197574687
作者分享了一系列精美的 GUI 组件 https://www.figma.com/@jebrik https://www.figma.com/community/file/1568890800887465654
https://tweakcn.com/editor/theme
在 11 月 17 日之前购买藏师傅的 AIGC 周刊,将会获得: 我也经常看藏师傅的周刊,如果你对AI有兴趣或者AI从业者都可以看看藏师傅的内容 https://mp.weixin.qq.com/s/0AXFbGJdamiorfiHD6e7BQ
开源的 AI 证件照制作软件,支持本地部署、在线体验和 API 服务部署。 https://github.com/Zeyi-Lin/HivisionIDPhotos
免费的在线文本矢量化工具,可将文字一键转换为 SVG 路径或 DXF 轮廓。内置 Google Fonts 字体库,支持实时预览、字符间距调整、连字控制等参数设置。 https://texttosvg.app/zh
完整的设计系统组件库,包含常用的 UI 组件,帮助设计师快速搭建产品原型,提升设计效率。 https://www.figma.com/community/file/1555318591490297133/vpds-components
基于 Shadcn 的免费后台管理系统模板,采用 Material Design 设计语言,提供完整的UI界面设计,适合快速启动后台项目。 https://www.figma.com/community/file/1557392507435409813/material-dashboard-shadcn-free-admin-template
一款通过积极肯定卡引导用户构建积极心态的应用。每天抽取一张肯定卡,根据提示完成微行动、记录微日记,将思考转化为具体行动。支持图片上传、位置记录,帮助你与亲友分享成长,定期回顾人生感悟。 https://strongme.app
一条有趣的技术讨论:如果真的有人能够不借助工具、纯靠人力解码 QR 码,那意味着他们需要记住所有的掩码模式。这个话题引发了关于人类记忆能力和 QR 码编码原理的有趣讨论。 https://x.com/NorahSandoleh/status/1983037291955400843
这是一套简约的低保真线框模板,让你的移动应用原型设计更快更高效 https://www.figma.com/community/file/1558229979788947808
https://www.figma.com/community/file/1560909139847715832
https://www.figma.com/@florianbelz
蓝色浅色系 B 端 AI 产品 UI UX 作品集源文件模板 https://www.figma.com/community/file/1562451995489029955
https://www.figma.com/community/file/1563044954628344634
作者:像风之翼,在 Figma 社区中持续分享了很多大屏可视化设计文件,并且都是免费分享 https://www.figma.com/@1062779714
Quick Trace 是一款轻量高效的图像矢量化插件,可将 PNG、JPG 等位图快速转换为可编辑的 SVG。 支持单色与多色模式、阈值调节与平滑优化,让你的草图、Logo 或插画瞬间化为清晰的矢量路径。 同时作者:Rancho 也是一位非常优秀的插件开发者,快速修改颜色插件(Quick Hues)、矢量转3D矢量插件(Simple 3D)等等还有很多效率
https://www.figma.com/community/file/1558877417750863350
作者分享了很多类型的设计内容 https://www.figma.com/@duozhuamiao
可以上传任意图片,自动生成柱状的旋转效果 https://www.figma.com/community/file/1539099433640763293 使用 Figma Make 生成的,打开文件可以看到每一步如何与AI交互的 https://www.figma.com/community/file/1546653591554876379/figtron
鼠标可以控制交卷滚动的方向和位置,展开后会有预置的图片展示,这个效果适合展示大量图片信息时使用 网站:https://www.laxspace.co/ 非常精彩的幕后思考和故事:https://tympanus.net/codrops/2025/09/23/lax-space-designing-with-duct-tape-and-everyday-cha
用纯文本描述您的想法。AI 能会将其转换为简洁、可扩展的 SVG,本工具是由Lottiefiles 提供的,并且支持 Figma 插件 插件:https://www.figma.com/community/plugin/809860933081065308/lottiefiles-create-animations-export-from-figma-to-
在 Figma 中,将形状、文本或图形通过控制柄或预设样式,快速实现多样化的形状变换 https://www.figma.com/community/plugin/1307973956610796436/warp
Material Design 3,Material Design 迄今为止最具个性化的设计系统。Material 3 设计套件全面介绍了该设计系统,并提供样式和组件,助您快速上手。 https://www.figma.com/community/file/1035203688168086460/material-3-design-kit
上周分享了一组提示词精选,这次有重合的和不同的,算是补充,有这部分需求的可以都看看 https://github.com/JimmyLv/awesome-nano-banana
即梦图片 4.0 支持文生图、图像编辑和组图生成。它能听懂指令、还原细节、快速出图,适合设计、创作等各种场景。 这份手册包含20+ 案例和写提示词的方法,帮你轻松上手 https://bytedance.larkoffice.com/docx/L4vCdah1DoDg7axVdYGcoplSn9f
Vault 是一款开源的桌面应用,可以把链接、笔记和图片都保存到本地,不依赖云端,数据完全掌握在自己手里;支持文件夹分类、Markdown 笔记、浏览器扩展和搜索等功能,适合注重隐私、喜欢轻量整理的人使用。 https://getvault.pages.dev/
HeroUI Figma 官方组件库 V3 🚀(前身为 NextUI)包含全部 HeroUI v3 组件,随取随用。 https://www.figma.com/community/file/1546526812159103429
作者收集了 Nano-banana 在各个任务场景下生成的令人惊艳的图片和提示词,目前采集了 68个实例,全方位展示 Google 在图像生成与编辑的无限可能。很多小🍠上的特色实例都有详细提示词和来源 https://github.com/PicoTrex/Awesome-Nano-Banana-images/tree/main
响应式设计文件分享 https://www.figma.com/community/file/1547237212864660851
从2025年9月6日起,Figma Make 将向所有高等教育和训练营教育账户的用户开放 https://x.com/figma/status/1963995877355274650 可以在 Figma 的社区中查看 Make 专区,看到用户们分享的优秀案例 https://www.figma.com/community/make Figma Make 是
Framer 是一款操作便捷的专业建站工具,提供丰富模板和活跃社区支持。近期,Framer 在 D 轮融资中筹集了 1 亿美元,估值达到 20 亿美元。 https://www.framer.com/blog/series-d/
免费的图表插件,使用插件可以快速生成条形图、饼图、折线图、面积图等 https://www.figma.com/community/plugin/1499737383537047826/chart-generator-bar-pie-line-area-and-much-more
Nuxt UI v4 是 Nuxt UI 和 Nuxt UI Pro 的合并版本,拥有 100+ 组件和多种模板,组件库覆盖从按钮、表单、卡片到导航、表格、模态窗、聊天界面等多种 UI 元素,完美对应 Nuxt UI v4 的前端实现,保证设计到开发的一致性。 https://www.figma.com/community/file/154436920986
包含 50 个 渐变纹理抽象元素,可用作 背景、占位图或宣传图,为设计增添丰富视觉层次感。 https://www.figma.com/files/team/834613397167663959/resources/community/file/1261896381010987953?fuid=451634776159532808
文件内容质量非常高,但是图层很多打开会有点卡顿,网络不好时可以多等等 https://www.figma.com/community/file/1541370164997392943
https://www.figma.com/community/file/1542609276475664725
https://www.figma.com/community/file/1543947677978703963 Github https://github.com/PapillonApp/Papicons
https://www.figma.com/community/file/1542235401161884493
使用 Tailwind 和 React 制作的快速、可组合、无样式的表情符号选择器 https://emoji.ferrucc.io/ https://frimousse.liveblocks.io/
用于选择和突出显示文本的轻量级且可组合的 React 组件,完全免费在你的项目中使用 https://lisere.ankur.design/
现在 Figma 的社区中已经能够看到全部的 OS 26 各个平台的 UI 设计规范文件了 https://www.figma.com/@apple
新插件「Shape Blender」能快速生成 动态感的插画与抽象背景。 支持形状、颜色、模糊、旋转等自定义参数,实时预览,一键导出 SVG,帮助设计师高效制作 海报、社交图、UI 动效素材。 https://www.figma.com/community/plugin/1531602501663749612/shape-blender
新插件「Gauge Generator」这是一款快速生成自定义量表刻度的工具:支持自定义扇形与数值区间,提供参数可视化与后续样式微调。可对已选量表进行参数更新(如刻度间距与方向),但更新不会保留已做的设计修改;量表以直径为 Frame 尺寸便于加指针与旋转,外圈刻度默认在 Frame 外,需要时可解除并重组以适配新 Frame。 https://www.fi
新插件 WatermarkZero 是一款在线水印去除工具,可以删除照片中不需要的水印、文字或徽标 https://www.figma.com/community/plugin/1530395658453714221/remove-watermark-from-photo-watermarkzero
插件「Wave & Curve」 是一款能在 Figma 中快速生成波浪和曲线图案的工具,支持四种曲线模式(立方/二次/弧形/方形),可自由选择波浪方向,并支持参数锁定以便随机生成更可控。所有曲线在生成后都会被 Figma 转换为立方曲线。 https://www.figma.com/community/plugin/745971189153303901/w
免费的 AI 工具 “Idea Bang!” 通过 AI 辅助,生成设计或艺术灵感的工具。它提供多个题材主题,让你快速获得创意点子,适合构思阶段寻找灵感的插画师、设计师 https://www.aiartsecret.com/idea-bang
用于可视化诸如贡献、活动、工作时长或用户指标等数据。具有响应性,且易于集成到仪表板、报告中或分析设计中。 https://www.figma.com/community/file/1537974759673563561
https://www.figma.com/community/file/1538504012972336315
网站:https://patterns.helloyes.dev Figma:https://www.figma.com/community/file/978689698060140147
适用于产品、市场营销、社交媒体图形、注释、情绪板、拼贴画、卡片、名言、产品等等! https://www.figma.com/community/file/1018477313212753754
最近新功能 Flowspeech 它能几乎完美模仿你的声音、语气和语调,也能用内置的高拟人度音色,上传你的文字、图片、文件、网页链接,转化为自然流畅的口语表达会停顿、有语气 http://listenhub.ai/zh
现在可以用 GeminiStorybook 写绘本故事了,朋友家 7 岁的小女孩用它写下了她和小猫《球球的梦》,配上可爱的插画,轻松做成一本完整的绘本! 孩子的想象力和故事可以用这个方式记录下来,有兴趣的可以试试创作故事绘本。 https://gemini.google.com/share/1e8a9ebe89b3
微软在 Edge 浏览器推出了一个新的实验性功能:「Copilot 模式」,它将 Edge 从一个传统的网页浏览器,彻底改造为一款「AI 原生」的浏览器。 开启方式:在 Edge 浏览器,打开「Copilot 模式」链接即可开启 https://www.microsoft.com/en-us/edge/ai-powered/copilot-mode
在 Figma 中创建产品图标需要数十次,有时甚至数百次迭代。产品设计师 Tim Van Damme 分享了他深思熟虑的图标设计方法,以及塑造每个最终结果的创意探索。 https://www.figma.com/blog/the-making-of-a-product-icon/
HiPixel 是一款原生 macOS 应用程序,用于 AI 图像超分辨率处理,使用 SwiftUI 构建,并采用 Upscayl 的强大 AI 模型。内置多种 AI 模型(High Fidelity/Digital Art)适应不同场景 下载:https://hipixel.5km.tech/ Github:https://github.com/okooo
https://www.figma.com/community/file/1533796370708039816
空购物车、无网络连接、收件箱、404页面等状态插画 https://www.figma.com/community/file/1533524543662373391/empty-states-with-lili
https://www.figma.com/community/file/1533158625448274414/chrome-food-pack-hyper-realistic-3d-assets
https://www.figma.com/community/file/1533232547094084361
期待了大半年的功能,大家终于可以用上了,Figma AI 开放功能: https://x.com/figma/status/1948508597807448440 Figma AI 使用介绍视频:https://www.bilibili.com/video/BV1kFL6zzEFb/
这是一个图标库产品,提供付费的图标库订阅服务,这款图标管理工具是可以本地免费使用的,SVG 格式的图标可以直接在软件内修改颜色再下载使用,对于本地有图标管理需要的可以试试 https://nucleoapp.com/
模型精细度非常高的手机博物馆,可以体验高清的3D 模型手机,并且每款手机模型都能开机、看相册、拍照... 看到之前用过的手机以这种方式展示出来,回忆起当时使用的场景、联系的人、玩过的游戏、拍过的照片 https://chaz.fun/phonemuseum/
Apple 上周终于 Figma 社区中更新了最新 iOS 26 和 iPadOS 26 的设计组件文件,Figma 支持了玻璃效果所以设计文件中的玻璃效果是直接可以复制使用的。 https://www.figma.com/community/file/1527721578857867021/ios-and-ipados-26 https://www.fig
这是一个 Figma 插件, 可以在 Figma 中简单的制作帧动画,支持导出为 Lottie 动画。
一个能够从 Figma 设计中生成可编辑动画的 AI 工具。 只需一键,即可获得四种独特的动画变体,您可以直接导出,或在功能齐全的动画编辑器中进一步调整。
一个可以快速把 Emoji 插入到 Figma 设计中的插件,支持搜索、分类。
这是一个开源的轻笔记系统,可以部署在服务器、Nas 或者你的电脑中(通过 Docker)。 它实际上就像是用微博/推特/小红书的方式来记录笔记,支持 Markdown、标签、搜索等功能。它支持多用户和分享,所以在公司团队、或者家庭中可以把它当做一个内部微博/推特。
预计 IPO 日期为 7 月下旬或 8 月初。Figma 于 7 月 1 日(周二)提交了 IPO 申请。股票代码为“FIG”,Figma 将在纽约证券交易所 (NYSE) 上市交易。 2023年12月,Adobe 终止收购 Figma ,并支付给 Figma 10亿美元的赔偿金。 1300 万月活跃用户 95% 的财富 500 强公司使用 Figma LT
帮你在 Figma 里直接创建、管理、记录和导出设计令牌。不需要 Excel,不需要复制粘贴,一切都在一个插件里完成。 你快速生成并管理各种设计要素,比如: https://www.figma.com/community/plugin/1520709447715571667/supa-design-tokens-beta
这是一款很有特色的沉浸式写做工具,在写做过程中其他信息都会被隐藏,包括你写的三行以前的信息,概念很有意思,网页里提供在线版本可以直接体验,喜欢写作的创作者可以试试。 https://untested.sonnet.io/notes/new-enso-first-public-beta/ 在线尝试:https://write.sonnet.io/
相比打提示词再等 AI 出图,一边手绘一边实时生成 AI 画面的交互方式,显得更自然也更直观。你画哪里,AI 补哪里,所想即所得。 其实这种“边画边生图”的交互形式早就出现了,但随着 AI 图像生成技术越来越成熟,生成质量越来越高,它的价值也越来越凸显——不再只是玩具,更像是创作的加速器。 对于设计师、插画师、内容创作者来说,这种方式很值得尝试,甚至可能改变
https://www.figma.com/community/file/1522987328965268426
https://www.figma.com/community/file/1521944295751827680
基于 D3.js 和 Tailwind 构建的轻量级易用图表库。只需复制粘贴代码并安装所需的依赖项即可开始使用! https://rosencharts.com/
适合摄影爱好者作为个人网站使用,头图的相机滚动照片的交互很棒 https://x.com/thereal_apk/status/1940720285818540237 https://ashpdeep.com/
使用插件,可以快速的查看设计图的宽高比例,选中设计图即可显示,操作简单非常实用的插件 https://www.figma.com/community/plugin/1517989015632111393/nearest-aspect-ratio-viewer
https://www.figma.com/community/file/1127302394641561751
源文件中分享了完整的设计步骤以及原型交互,打开文件预览原型可以直接体验 https://www.figma.com/community/file/1520808082633221671
https://www.figma.com/community/file/1520760900741449228
https://www.figma.com/community/file/1520074947556041874
做 UI 圆角嵌套时,使内容保持同心圆可以使用这样的圆角计算工具来辅助。同时工具还支持一键复制 CSS 样式代码。 https://ui.paukraft.com/tools/radius-calculator https://howbr.vercel.app/
通过插件可以在 Figma 中快速缩放、收缩和膨胀形状。适合LOGO探索或图形创作 https://www.figma.com/community/plugin/1516079454915893027
一组柔和模糊的形状,可用于打造时尚的背景、重点和氛围。 易于扩展,适用于任何项目。 非常适合网站、演示文稿和社交媒体。 https://www.figma.com/community/file/1518144653519091917
SVG 过滤器提供了一个基本的照明系统,可以将其与少量 JavaScript 同步并在您的 Web 应用程序中使用! 不那么强大但很酷,这篇帖子中有很多这部分实现的介绍,有兴趣可以看原贴。 https://x.com/jh3yy/status/1936212860893364635
原来是一页多图展示,以图为主预览,变成了X一样的设计,更像设计区/帖子的浏览方式。Dribbble 变了之后,不少设计师换到了 Layers 这里分享内容,社区以 UI、UX 作品为主 https://layers.to
Supahero 与 CTA.gallery 均是高品质的设计作品库,为用户提供“直接可用”的界面设计灵感。 一个专注于按钮与交互行为(CTA),另一个立足网站首屏视觉(Hero Section),共同价值在于:精选、分类、启发、提升转化。两者适合在用户界面交互设计的不同关键环节互为补充,是设计流程中不可或缺的灵感来源 https://www.supaher
上周设计师们都在群里聊液态玻璃的视觉效果以及如何落地,分享两个开源的网页中使用的液态玻璃效果,网页效果会因浏览器的不同显示有区别,建议使用 Chrome 浏览。 为了方便展示,月维的网站上可以直接鼠标拖拽玻璃块浏览哦 预览:https://moonvy.com/?homepage Github:https://github.com/shuding/liqui
作者分享了一套高质量按钮源文件,下面视频中的按钮效果也添加到了文件中。 https://www.figma.com/community/file/1511809868221081673
这周液态玻璃话题太火热了,Spline 也开放了一个案例,这个是真实的可以交互的并且是Q弹的真液态玻璃,有兴趣的可以玩一下。 https://app.spline.design/file/4215c871-a600-4969-a91a-cf4755367872 Figma 社区中也出现了非常多的仿液态玻璃效果的文件和插件,可以在社区中搜索关键词:Liquid
设计细节含量爆表的网站设计,满屏的细节,和现在主流风格不同很有特色。按钮悬浮、滚动触发、图文联动、鼠标跟随等细节无处不在 https://blackalgo.com/
一体化 GIF 制作插件:导入 Figma 中的序列帧,调整每帧延迟和其他设置,然后立即将 GIF 导出到电脑,该插件免费。 https://www.figma.com/community/plugin/1435053239583953744/ultimate-gif-maker-free-unlimited-exports
https://www.figma.com/@hewrsaber
精选的 40 多个高分辨率未来主义背景集合,适合网站、应用程序、海报、UI 中作为背景使用。 https://www.figma.com/community/file/1508827013863756004
这个网站工具可以将图片处理成模拟 Risograph 印刷的纹理和颜色混合 https://riso.lfesp.me/ https://x.com/liamesp/status/1927906653619319204
专用于 FLUX.1 Kontext 服务的样化的 JSON 风格配置,能够更好地使用 FLUX.1 Kontext 生成图像。 https://styleprofiles.com/
群友自己开发的 SVG-LOGO 资源网站,网站中包含大量的 SVG 格式的 Logo 设计素材,大学校徽、各种工具产品、金融支付、美妆品牌、等 658+ ,支持免费复制和下载使用。 https://svglogo.top/
专门为Meta Horizon0S 设计的UI 组件,基于 Reality Labs 设计系统(RLDS) https://www.figma.com/community/file/1509641173090552632/meta-horizon-os-ui-set
500 款边框标题花纹合集 https://www.figma.com/community/file/1509106622741773721/500500-collection-of-border-subtitle-pattern-styles
这是一款Figma插件,可以在插件中创建像素风格的插图并且支持导出多种其他格式 https://www.figma.com/community/plugin/1429928588664037981/pixel-art-generator
Fit Curve 插件有助于在 Figma 中创建具有平滑曲率的曲线。它具有直观的界面,包含一系列圆形按钮和滑块,可以精确修改贝塞尔曲线段上的手柄长度。 https://www.figma.com/community/plugin/1317809341215111097/fit-curve
使用 Vector to 3D 插件在 Figma 中生成 3D 模型的预设文件,作者会经常分享预设文件,欢迎通过文件关注作者呀(^-^)V https://www.figma.com/community/file/1507562707740400222/v3d
套件包含 Android for Cars 应用库提供的各种组件、模板和仪表盘,可用于设计各种类型的车载体验。 https://www.figma.com/community/file/1506418622696735515/car-app-templates-design-kit
6个免费的长虹玻璃视觉风格的设计文件 https://www.figma.com/community/file/1506040653392892414/6-free-hero-designs
高品质、颗粒感纹理和平滑渐变背景素材 https://grainient.supply/
谷歌刚刚发布了新一代设计语言 Material 3 Expressive,视觉上迎来大更新。 https://m3.material.io/
使用标签的方式重命名并且支持同步调整图层面板的顺序很实用的插件。现在 Figma 社区更新之后找新东西越来越难,建议关注本周刊,我会尽量多的介绍新的插件和新资源。 https://www.figma.com/community/plugin/1493799775598309616
同时选中两个相同类型的形状(瞄点数量、边数相同),创建混合效果,支持编辑混合的步数。 https://www.figma.com/community/plugin/1496400896004759844/vector-blender
歸藏使用 GPT-4o + 参考图的方式复刻了该拟物效果,你现在做设计会使用 AI 生成的图吗?欢迎留言告诉我 https://x.com/op7418/status/1922496821332414839
数字考古的丰碑,正式开放了这个收录 3000+经典Mac主题的在线档案馆,将OS 7至OS X时代的视觉遗产封装成可浏览、可下载的时光胶囊。 项目始于社交平台的主题守护机器人,历经与Wayback Machine的数据博弈、手动抢救4000余个古董主题的"像素复兴工程",最终打造出兼具实用性与情怀的数字博物馆,这场用CSS代码书写的温柔革命,既是早期UI美学
由原来的左下角将入口变更到了左上角,和最近访问放到了一起。 (吐槽一下新的社区里找东西更难了,没有了更新范围的选项,找东西只能靠搜索😭)
Hana 是交互式设计的文件,支持实时协作、矢量网络创建、事件驱动交互等功能,设计内容可直接用于生产,新产品为 Spline 3D 生态中补充了 2D 的部分 https://blog.spline.design/introducing-hana
Figma 插件,在选定的框架内随机分布元素。非常适合希望在布局中添加随机性和创意的设计师,它能让您轻松创建独特的构图 https://www.figma.com/community/plugin/801882695851711248/ovvverrrflowww
在 Figma 中选中多文本图层,支持批量对图层进行统一的字号缩放 https://www.figma.com/community/plugin/1371013694324891633/font-size-scale
https://www.figma.com/community/file/1500059724890368762
从任何文本或代码中提取颜色的插件,只需粘贴任何代码或文本(从代码片段到完整的网站代码),插件中会显示代码中包含的色值。插件中还包含快捷创建组件/变体等功能 https://www.figma.com/community/plugin/1352239985929481996/color-extractly-extract-colors-from-any-tex
各种表情符号、字符、品牌logo、鼠标指针,在插件中都有,如果需要符号插件,就保持他就可以了。 https://www.figma.com/community/plugin/1483440894474007154/symbl-your-ultimate-symbol-library
X中很多人使用这套提示词生成了很有质感的图标模型,生成结果非常适合设计师使用。 https://gist.github.com/dlogvin/874f706030c7caa832b4cf896e01d6ee 下面这套图标的作者:https://x.com/nurpraditya/status/1915752636739105205
Ghiblio基于ChatGPT-4o模型,打造了零门槛的吉卜力风格图像生成平台。只需输入文字提示,生成宫崎骏画风的插画;也能将普通照片转化成吉卜力风格图。官方提示词和关键词都被禁用了,第三方平台里可以玩 https://ghiblio.art/
藏师傅的小工具,让你随心所欲往自己生成的网页添加图片! 上传图片点确定,然后复制 Markdown 链接就行 https://k0irw7xr7h.app.yourware.so/ https://x.com/op7418/status/1915692711958765635
AI 生成中文效果还是得咱中国的大模型,即梦3.0模型对中文字、中文海报效果非常棒,每天还赠送免费积分 https://jimeng.jianying.com/ai-tool/home
都是应用中常用到的状态插画,实用性很高,现在AI绘图能帮我们做很多事情,但目前看最基础的这种描边插画AI还是不能完成的很好,随时存储管理素材,需要的时候更方便。 https://www.figma.com/community/file/1497355681063355420
ChatUI由达摩院阿里小蜜孵化的对话式界面组件,提供丰富组件和自由配置的对话界面,支持多种语言和无障碍设计。它拥有深色模式和响应式布局,适配各种屏幕尺寸。新增加的打字气泡效果,提升对话互动的趣味性。 https://chatui.io/
https://www.figma.com/community/file/1489475242473307264
Figma 中分层的矢量拟物插画,磨砂半透明外壳和按钮质感非常好看 https://www.figma.com/community/file/1459287430820731059/work-louder-x-framer-creator-micro
https://www.figma.com/community/file/1491647886275889521
该项目仅用于个人发展,没有商业目的,它被分享是为了贡献给社区,并激励其他对游戏UI设计感兴趣的人。 https://www.figma.com/community/file/1494318627282443370
你可以通过可视化界面实时调整各种 Flexbox 属性,立刻看到布局效果,非常适合学习和快速测试布局思路。并且支持复制布局代码 https://flexboxlabs.netlify.app/ http://github.com/prazzon/flexbox-labs
使用提示词生成纹理贴图,并且在 3D 模型中使用,并支持下载 GLB 格式文件 https://huggingface.co/spaces/VAST-AI/MV-Adapter-Text2Texture
这个网站中提供了AI 直接生成 UI 相关的提示词灵感和模板可以直接复制使用 https://uiprompt.art/
一款非常适合儿童书籍插图的样式词 --sref 1455106294 1956550015 2945537978 https://x.com/tisch_eins/status/1909128015092519378
LanguageUI 是一个开源设计系统和 UI 工具包,可让 LLM 灵活地将文本输出格式化为更丰富的图形用户界面。 100 多个组件和可自定义的界面 10 多个面向法学硕士 (LLM) 的对话式 UI 小部件 30 多个预置界面 https://www.figma.com/community/file/1334658200949332345
优秀的个人博客,功能成熟,列表与交互体验出色。收藏页还提供了作者精选的优质网址与资源 https://onur.dev/
使用谷歌 Gemini 2.0 API,通过鼠标绘制或者上传图片,转绘生成 3D 图像,网站提供一些3d质感的预设,同样支持提示词进行控制 https://huggingface.co/spaces/Trudy/gemini-3d-drawing
Superbig studio是一个插件,旨在帮助您使用 Shadcn 更快地设计应用程序。支持搜索功能并保持组件的更新,定期添加新组件。 https://www.figma.com/community/plugin/1409374804199690996/shadcn-ui
Figma 官方开源了 UI3 是所有设计源文件 https://www.figma.com/community/file/1486123838948777078
2套文件内的例子效果非常细腻,值得学习 https://www.figma.com/community/file/1482807395005907010 https://www.figma.com/community/file/1482805605076504639
https://www.figma.com/community/file/1129468881607079432
https://www.figma.com/community/file/1487366448647158782
https://www.apple.com/mac/lumon-terminal-pro/
该插件支持将自己的 Gemini-2.0-Flash-exp 的 API 填写到插件中,在 Figma 中使用多模态模型。生成之后可以很方便的插入回 Figma https://www.figma.com/community/plugin/1483385411494564236/evoker
集成多种 AI 创意工具的平台,提供文本、图像和视频 AI 模型,最近也新增了 Gemini-2.0-Flash-exp 模型 https://www.florafauna.ai/
Banhaten Wireframe Kit 是一个结构化的、多功能的线框图系统,使用 Banhaten 设计系统构建。文件中包含26个核心组件,从导航和内容布局到表单和数据表格 https://www.figma.com/community/file/1485117605177482820
https://www.figma.com/community/file/768726574016795759
https://www.figma.com/community/file/1483726223390076498
https://www.figma.com/community/file/1485578656201276181
https://www.figma.com/community/file/1485289998752841370
可以帮助用户自定义和优化网页设计,如果没有特定需求一直点击「随机按钮」就行,以生成更美观的网站。工具简单好用👍 https://mp.weixin.qq.com/s/tafopd82apfEtCk2DXU0sg
Easing Wizard 是一款在线工具,可轻松生成和自定义 CSS 缓动函数。可以生成 CSS 和 Tailwind CSS 代码,支持一键复制代码使用。有不少类似功能的网站,但是 Easing Wizard 属于视觉和交互都很棒的 https://easingwizard.com/
Artifig 这款插件可以帮你完成自己的 Figma 插件,运行插件输入你想要的功能,插件会使用AI自动帮你生成包含界面并且可运行的插件,生成的插件你还可以多次修改或者复制代码变成完全独立的自己的插件使用。 https://www.figma.com/community/plugin/1434961364530492108/artifig-ai-turn-
可以美化截屏、手机模型、X发帖、代码分享、Github 贡献图等各种社交图片美化 https://postspark.app/home
网站中采集了关于图形、UI、UX 等常用组件的展示方式和设计灵感 https://www.are.na/julian-gallardo/ui-8cvvil3vf4g
文件中分享了6个光标跟随的原型例子,并且提供了全部的组件和设计图,可以学习作者的创作思路,或者复制文件到你的项目中,再自定义光标样式进行使用 https://www.figma.com/community/file/1314335159485738721
12个优质的网站设计模板风格丰富,非常优质的设计源文件 https://www.figma.com/community/file/1464401738705450991
https://www.figma.com/community/file/1480842832624768807
免费不需要登录的AI图像生成工具,由 Flux.1 Dev 提供支持,同时提供了预置关于风格、灯光、镜头的一些预设,使用起来还是很方便的,有兴趣的可以试试看。 https://raphael.app/zh
使用文件中的流程图组件绘制好看的流程图咯 https://www.figma.com/community/file/1144713033273069477
网站 MockUPhone 中提供了一系列电子设备的模型套壳,上传图片就能生成包含设备边框的截图以及横向、竖向和倾斜角度的预览图,并提供免费下载。 https://mockuphone.com/type/all/
文件中包含组件以及交互动画 https://www.figma.com/community/file/1183111865001388870
上周 Apple 发布会的视觉效果,现在可以自定义上传内容制作类似的效果了。需要透明或白色背景。形状比文字效果更好。最好使用 SVG 或高分辨率图像。 https://liquid.paper.design/share/01JMS5TEWHX6ZN1K45NFNY3VBY
有兴趣的可以订阅,网站目录介绍包含像素和颜色、字体和矢量图、3D和着色器、以及人工智能与机器学习、并且还有图片的压缩等知识信息,同时网站的复古插图风格很喜欢。 https://www.makingsoftware.co/
使用 Next.js 15、MapboxGL 和 TypeScript 构建的现代交互式地图应用程序。Pathfinder 提供无缝地图体验,具有实时天气数据、位置搜索和可自定义的地图样式等功能。 https://pathfinder.shadowdev.xyz/ https://github.com/shadowoff09/pathfinder
该地图素材支持选择国家、设置矢量填充点的密度、颜色、背景色,支持导出 PNG、SVG 格式。 https://www.worldindots.com/
https://www.figma.com/community/file/1471713433455637603
https://www.figma.com/community/file/1379312309411576829/badges-design-vol-1-free
https://www.figma.com/community/file/1467988945181356862
Opera Air 是一款反其道而行的浏览器,旨在帮助用户减少上网时间,鼓励休息。其极简设计类似冥想应用,提供呼吸练习、颈部运动、全身扫描等“智能练习”,帮助用户减压放松。此外,还有双耳节拍功能提升专注力和创造力。虽然部分功能略显“鸡汤”,但其透明界面和 AI 助手 Aria 仍让人眼前一亮。 https://www.opera.com/zh-cn/air
这个作者的插件都很实用,比如:Image Compressor、HLFTN、Variants Randomizer 等等,可以去他的 Figma Community 主页看看。 感谢 @JiaLin 的推荐
通过该插件可以将 psd 格式的文件,以分层的方式导入到 Figma 中,方便的将ps中的素材、资源导入到 Figma中使用。 https://www.figma.com/community/plugin/1418190299890697167/codia-ai-psd2figma-photoshop-to-editable-figma
作者第一次学 AI 编程,从0开始做了这个「柴猫表情包生成器」,输入文字描述,AI帮你生成可爱的柴猫表情包~ https://orangesai.com/catemoji/
前几天介绍了谷歌的图生图 AI 模型,现在文生图功能也可以使用了,生成 3D 图标的质量非常不错,会跨墙的人可以都去试试看效果。 https://labs.google/fx/zh/tools/image-fx
完全支持拷贝代码使用的 UI 组件库,粘贴到 v0、Cursor、Bolt、Lovable、Replit,可以自己使用或者发给 AI 让他帮你优化你的产品界面。如果你是开发者也可以复制他用在你的项目中。 https://21st.dev/
改变使用Figma变量的方式。将复杂的变量关系转化为直观的可视化地图,让你在一个无限的画布中查看和管理所有变量。 在无限的画布上同时查看所有可变集合,通过简单的拖放可视化和创建可变连接,在不构建组件的情况下,模拟不同的模式来预览变量的行为,快速搜索变量并直接跳转到它们,可以方便的辅助你理解和控制变量。 插件:https://www.figma.com/com
只专注于生成图像的轮廓描边,不处理图像内部细节 https://www.figma.com/community/plugin/1457662942651611491/image-stroke
网站中提供大量的 Midjourney -- sref 样式,可以拷贝你喜欢的样式使用。 https://sref-midjourney.com/
动态的玻璃效果,支持切换玻璃的方向和类型,但是暂时作者未开放复制代码,可以作为效果欣赏借鉴 https://r3f.maximeheckel.com/fluted-glass
Notion 推出 Notion 风格头像的编辑器,可选择类型非常丰富,如果也喜欢类似风格的话可以用这个做一个自己的头像。 https://www.notion.com/faces
只需单击“生成”,组件就会添加到设计中。插件中包含各种类型的组件,例如卡片、按钮、导航等。作者表示更多组件持续更新中。 https://www.figma.com/community/plugin/1441612789885005473
选择文本图层运行插件就可以创建弧形文本样式,支持疏密、起始位置、环形大小等参数,插件完全免费。 https://www.figma.com/community/plugin/1183722659656348694/type-tool
这套设计系统的亮点在归纳了跨端应用中的各种影响因素。 人因关注用户的操作习惯和障碍;机因强调设备的分辨率和输入输出形式; 环因考虑环境因素如光线和噪音;法因则关注信息密度和操作难易度。 这些因素共同影响界面的设计策略与适配性,这套操作系统将这四种因素的动态变化考虑到组件设计中,使得非常灵活的能用在各种设备和场景中。 https://alibaba.githu
模块化组件内容,可以适配不同尺寸,虽然是时间比较久之前的素材了,但内容质量现在使用依然不错。 https://www.figma.com/community/file/1097964499926853798
罗永浩团队开发的人工智能应用 J1 Assistant (Beta) 版, Android 版本已上线,支持发送消息、创建待办、搜索、擅长管理复杂任务,界面 UI 很像锤子 UI 的质感拟物风格。(注册需要海外手机号) https://matter.ai
在网站中可以快速创建可以在社交媒体分享的效果图,选择模板之后修改文案、logo、占位图等信息,支持导出到本地 PNG 格式 https://imgsrc.io/
这位作者擅长绘制质感 UI 这是最新创作的音频类的 UI 界面欣赏 https://x.com/designloomco/status/1875256823466594793
Cursor 宝藏资源网站,收录各种 Cursor 提示词以及使用案例。学习如何使用 Cursor 生成优秀的代码程序。 https://cursor.directory/
可以通过添加提示词和文本内容生成具有氛围感的音频模型。 https://huggingface.co/spaces/declare-lab/TangoFlux
目前为止尝试过的 AI 生图工具谷歌这款AI是最简单直接的,生成效果也很好,强烈推荐大家试试看。 Whisk 是 Google 实验室最新的生成图像实验,专注于快速视觉构思,而无需深入理解提示!只需添加几张图像作为方向参考(场景、主题、风格),Whisk 就会推荐一些图像供您继续完善。 Whisk 由 Google 的 Gemini(具有视觉理解功能的语言模
MarkItDown 是一款将各种文件转换为 Markdown 的实用程序,由微软出品。提供在线版本,打开即用非常方便的文档格式工具。 https://markitdown.pro/ https://github.com/microsoft/markitdown
使用节点式编辑器(Node-based Editor)的方式创建有意思的设计数据流,玩法很有意思,可以将图片、矢量内容、或者颜色,通过自定义的多节点创建一个有意思的数据流。这是一个开源的项目,假期有时间可以研究一下。 https://bitspace.sh/ https://github.com/newfrgmnt/bitspace
支持上传视频自动生成字幕、提取字幕、字幕翻译等功能,可以在线免费使用。 https://aimu.app/
Visual Studio Code 昨天宣布 GitHub Copilot 免费可供所有人使用 https://x.com/code/status/1870137617557152110
LogoCreator 是一款免费开源的 AI logo(徽标)生成器,帮助用户在几秒钟内创建徽标,支持自定义样式。它由 Together AI 上的 Flux 提供支持,并使用 TypeScript 构建的 Next.js 应用框架。 https://www.logo-creator.io/ https://github.com/Nutlope/logoc
TikTok Voice 支持小帅,猴哥,熊二,紫薇,新闻腔等热门AI配音,免费版每月1000字符限制,每天生成5次。 https://tiktokvoice.net/zh
Bootstrap 5 初始化 UKit 集合了Bootstrap 基础组件。包含设计规范以及常用组件和图标库 https://www.figma.com/community/file/876022745968684318
将图片转换为提示词,更方便使用AI工具生成图片,还单独区分了不同的生成工具 Flux、Midjourney、Stable Diffusion。 https://imageprompt.org/zh/image-to-prompt
体验了一下效果挺好的,中文生成效果还是需要国产模型。 https://x.com/op7418/status/1863571609023664343 视频介绍:https://www.bilibili.com/video/BV1MzioYgEfN/
ComfyUl官方推出的桌面端,支持 Windows 和 Mac 系统。简洁直观的用户界面、一键安装的便利性、具有自动更新功能、轻量级的安装包、预配置的 Pvthon 环境、支持用户通过连接不同的节点来构建复杂的图像生成流程,精确控制每个步骤的参数。为用户提供了一个高效、稳定且易于使用的人工智能生图创作环境。 官网: https://blog.comfy.o
Ant DesIgn X - AI 体验新秩序,Ant Design 团队匠心呈现 RICH 设计范式,打造 AI 界面解决方案,介绍了 Ant Design 设计系统的核心理念和组成部分,强调通过简洁、一致的设计语言和高质量的 UI 组件库,为产品提供一致的用户体验,并帮助设计师和开发人员高效构建符合规范的界面。 https://x.ant.design/
“创作是一项集体任务,”设计师 Pablo Sánchez 在Config 2024 的演讲开始时说道。“即使你独自一人在房间里工作,当你将过去和现在的想法混合在一起时,就会与集体建立起深刻的联系。”在与用户研究员 Oliver Sommermann 的对话中,Pablo 详细阐述了如何利用这种“多元意识”塑造了 Ableton Note 应用程序(一种用于
在图片上添加深度效果的文字和图片结合的效果。并承诺永久免费。生成效果非常适合发社交媒体。 https://behind.rudrashah.in/
55.000+ 个由专业设计师制作的独家现成徽标,这里获取获取灵感或者直接购买。 https://scalebranding.com/
Vidu Studio 是由 ShengShu-AI 开发的一款 AI 驱动的视频生成平台。 这家公司与清华大学合作,基于一种名为“Universal Vision Transformer (U-ViT)”的架构,整合了 Diffusion 和 Transformer 技术。这使得 Vidu Studio 能够通过文字或图像输入快速生成高质量的视频内容 此外
支持在屏幕上任意位置进行录制和标注信息,可以同时录入麦克风或内部音频,并且支持点击高亮效果。 可以将录制视频导出 MP4、gif、webm 等文件格式,还能对视频进行一些简单的编辑。 GitHub:https://github.com/alyssaxuu/screenity 网站:https://screenity.io/
作者提供了随机组合功能,轮廓、眼睛、嘴巴、装饰品、背景都有可选项,非常可爱。 https://bunnyismoving.github.io/
来自 @miilesus 分享的一组个性化「水彩风格」 --sref 1030583812 https://x.com/miilesus/status/1854165131283841228?s=46
在 Figma 中使用 AI 编辑图像,支持使用 Flux 人工智能模型; 生成图像:使用提示生成图像; 擦除对象:使用AI在 Figma 中直接从图像中擦除不需要的对象; 生成填充:在照片的任何部分上绘画,并使用提示在任何您想要的地方添加对象; 矢量化:从 Figma 画布中选择任意图像,并将其转换为可编辑的矢量形状; 移除背景:一键移除图像背景,获得干净
Onlook 是一款开源的、本地优先的 React Figma。直接在实时网页中设计并立即将更改写入代码。 https://onlook.dev/
Kompad 是一款笔记应用,旨在提升用户的组织性和效率。它支持 MacOS、Windows 和 Linux 系统,并能实时同步数据,让你随时随地访问你的笔记。 https://kompad.hudy9x.com/
网站中漂亮的渐变提供 CSS 代码,点击复制即可使用,简单方便。 https://www.conic.style/
PMRF 是一种全新的图像修复算法,实现高质量修复图像,降低图像失真还原跟自然逼真度。 图像恢复:处理去噪、超分辨率、着色、盲图像恢复和图像修复等任务,生成自然逼真的图像。 降低图像失真提高感知质:不仅关注图片的清晰度,还会确保图片看起来像真实世界中的图像,而不是AI生成(去 AI 味儿)。 https://huggingface.co/spaces/oha
Framer 近日推出了插件社区,汇集了多种扩展工具,增强了设计和开发体验。不少插件来自 Figma 生态。Framer 从最初的原型交互工具转型为集设计、交互、发布于一体的平台。如今,插件社区的上线进一步拓展功能,未来或有望成为更全面的 UI 设计工具,甚至可能取代现有工具。 https://www.framer.com/marketplace/plugi
在线使用操作简单的待办事项列表,方便处理日常任务保持井井有条和高效。 https://letsfocus.today/
免费 Figma UI 套件,包含设计 80 多个组件以及变体, 12 种类型的网站组件, 6 个真实网站设计图文件。 https://www.figma.com/community/file/1274817356720996014
Shadcn UI 是一个美观且易用的前端组件库,但没有对应的设计稿组件,所以 作者自己创建了他,并且开源了。 设计组件:https://www.figma.com/community/file/1426161867268046394 前端组件:https://ui.shadcn.com/
Figma 的 Bland UI 套件,此文件包含日常项目所需的组件。每个组件都是使用最新版本的自动布局、变量、组件道具、变体等创建的。 https://www.figma.com/community/file/1354188872568801069
1180 多个开源图标,线条和实线变体、SVG 24×24 像素、像素完美 1.5px 描边。 使用 Figma 制作并每个图标都添加了广泛的标签,方便搜索。 https://www.figma.com/community/file/1294009455322332728
Somno 元气睡眠,利用 Apple Watch 来追踪监测睡眠,来自常用的开源图标库 Remix Icon 团队 Remix Design 的第一款 APP,UI 设计很有特色,并且在 Figma 社区开放了插画设计文件。 目前刚刚发布,正在限时招募天使用户,天使用户除了早鸟价购买终身之外,还可以免费或以非常划算的价格购买 Remix Design 团队
AI 功能单独计价每人每月8美元,深度和 Notion 结合,为此 Notion 还特意为 AI 设计了新的形象 https://www.notion.so/zh-cn/product/ai
快速找到好看的App图标灵感! 支持按关键词或字母搜索,也支持按颜色筛选,并且叠加搜索关键词来搜索 https://app.uiboy.com/
使用文本描述生成 SVG 图案,可用作 logo 、图标、插画等用途,一键下载到本地 https://svg.la/zh/text-to-svg/
感谢阿里云的邀请前往参加云栖大会,今年云栖大会中展示了非常多 AI 相关的主题内容并通过主题演讲、圆桌讨论、互动演示和动手实践等多种形式,举办近400场并行话题和论坛。大会内容广泛,包括云计算、生成式人工智能(GenAI)、技术分享、产业实践,对内容感兴趣的小伙伴可以通过会议回放查看详细内容。 https://yunqi.aliyun.com/2024/
网页在线工具随开随用,支持图片格式的压缩以及格式转换,并且可以调整文件压缩的质量 https://moonvy.com/apps/PxEvapo/
shadcn/ui 提供了一种不同于传统组件库的组件使用方式,它允许用户自由地复制和定制代码,而不是通过包管理器安装。这种方式为用户提供了更大的灵活性和控制权,适合需要高度定制化组件的场景。 网站:https://ui.shadcn.com/ Figma社区资源:https://www.figma.com/community/file/13427158408
SpectreVision 是一家专注于制作独立电影的公司,主要涉足惊悚、恐怖等类型的影片。他们致力于支持新兴的创作者和导演,打造具有独特艺术风格的作品。 https://www.spectrevision.com/
Sparkle 使用 AI 创建独特的文件夹系统,并将每个新文件(以及所有旧文件)组织到正确的位置。它可以管理您的下载、桌面和文档文件夹,因此您无需手动操作。 https://makeitsparkle.co/
群里设计师创建的 Midjourney 风格网站,用来收集高质量 Sref Codes,展示示例图并且展示风格关键词,使用场景,以及示例提示词,作者称会持续更新 https://aiartsecret.com/
免费的 AI 重命名工具,识别文件内容为文件重命名 https://riffo.ai/online
包含变体组件,每个部位可以自行组合 https://www.figma.com/community/file/973666076795769237
网站包含 120 多种基本 SVG 形状的集合,每个都包含好看的渐变。只需单击一个形状即可将其 SVG 代码复制到剪贴板。 https://shapes.framer.website/
--sref 3102110963 --sw 500 --stylize 1000 --personalize 3xdy3qw https://x.com/ciguleva/status/1827398343779098720
Hugging Face 社区中的「去除背景程序」,支持自定义上传但是没看到处理之后的下载方式,去背景效果还是很好的 https://huggingface.co/spaces/not-lain/background-removal
作者提供的可视化资源库的一个作品集,包含三部分供大家参考 https://www.figma.com/community/file/1371675610786935581
--sref 680572301 --personalize kzilt9y --stylize 1000 再配合上你自己的主体内容的描述词,就可以得到图中的质感结果,作者来自 X 的@ciguleva
提供设计组件在线创建网站的工具,同类网站还有 Framer 以及国内即时设计开发的 AI 建站工具 Wegic 网站:https://designmodo.com/startup/ 组件素材:https://www.figma.com/community/file/778961842657921355
一键生成占位文本内容,自动填充至文本框,更符合中文使用的 AI 生成插件,目前已支持通义千问、文心一言、腾讯混元的免费模型。提供测试用 Token,直接复制即可 https://www.figma.com/community/plugin/1396027544841366140/ai-text-generated-and-filled-in-by-gpt
Canva 宣布收购 AI 工具「Leonardo AI」提升 AI 部分的能力 https://x.com/canva/status/1818127114140541066
P.W (Public Work) 是一个公共领域内容的搜索引擎。探索来自MET、纽约公共图书馆和其他来源的100000+无版权图片。以无限画布的方式进行浏览 https://public.work/
支持分享和下载 SVG 格式 https://logoipsum.com/
Preline UI Figma 是 Figma 最大的免费设计系统,采用 Tailwind CSS 样式和 Preline UI 组件以及额外的顶级附加功能精心打造。组件均包含变量、变体、网格布局、自动布局、样式库等内容。 https://preline.co/figma.html
支持 Tiktok/X 等十几个平台的视频下载,使用方便 Github: https://github.com/imputnet/cobalt 在线使用:https://cobalt.tools/
基于 AI 的搜索工具,通过搜索可以推荐相关内容的播客 https://ask.xiaoyuzhoufm.com/
不用联网,本地抠图工具适合批量抠图时使用 https://kt.94xy.com/
收录 3600+ Logo 数据,支持搜索、复制下载 SVG、JSX 格式 LOGO 文件 https://www.fey.com/marketing/logos
https://mp.weixin.qq.com/s/svt7RxD3MKa_BWeGpySWdA
此工具生成一个 PDF 文件,其中包含网站主页和与提供的 URL 模式匹配的所有子页面。适合基于 AI 的检索增强生成 (RAG) 和问答 (QA) 任务 https://github.com/laiso/site2pdf
Design Lint 是一款设计纠错插件,能够自动识别并修正设计中的样式问题,简化了设计系统的错误检测和修正流程。 https://www.figma.com/community/plugin/801195587640428208/design-lint
提供了简洁的设计规则、风格和组件以及页面布局,使你能够根据业务需求定制页面。 https://www.figma.com/community/file/1168811417705255214
文件中提供了图表、坐标轴、图形、装饰、背景、颜色样式等丰富的数据图表相关的内容。 https://www.figma.com/community/file/1370696783883454570
Figma 混合效果插件 BlendingMe 也是该作者开发的。 https://anashk.in/
项目还未开放,可以通过链接加入候补名单。 https://zigma.io/
通过个性化地图编辑平台,可以按照自己的地图风格喜好或业务场景需求,配置个性化地图样式,生成您的"专属地图"。 百度地图开放平台:https://lbsyun.baidu.com/index.php?title=open/custom 高德开放平台:https://geohub.amap.com/mapstyle/index 腾讯地图:https://lbs.
为设计师、开发人员和其他所有人提供开源表情符号!OpenMoji 是一个开源项目,由 HfG Schwäbisch Gmünd的 80 多名学生和 2 名教授以及许多外部贡献者共同参与,所有表情符号均可根据 CC BY-SA 4.0 许可免费使用。 https://openmoji.org/
帮助设计师和开发者在他们的网页设计或开发项目中使用和创建 CSS 网格渐变效果的资源网站。免费提供了一系列的纯 CSS 网格渐变,支持一键复制代码 https://www.mshr.app/
这应该是目前唯一支持变量和自定义柱条图形的图表插件。支持变量、支持更多的柱条样式和自定义柱条样式、支持上传和保存你的常用字段、支持从已创建的图表中获取并回填数据和配置。 https://www.figma.com/community/plugin/1370606842652257742/i-chart-autolayout-chart-with-variab
Github:https://github.com/raycast/ray-so 网站:https://ray.so/
这是一个开源免费的项目,可以为你的用户添加免费的预设头像,同时该项目也有 Figma 插件,在设计环节也可以快速插入头像资源。 网站:https://alohe.github.io/avatars/ 插件:https://www.figma.com/community/plugin/1259189280245319471/avatars
https://www.figma.com/community/file/1203061493325953101
https://www.figma.com/community/file/1374215046832737198
设计工作室的官网,擅长在网页设计中使用 3D 元素。 https://sigmasoftware.design/
ComfyDaily 是一种以霍格沃兹风格生成实时肖像的工作流程,网站介绍了使用到的模型以及 LoRA https://openart.ai/workflows/ladybird_musty_24/comfy-daily-transfer-your-photo-to-harrypotters-the-daily-prophet/ldRWCYitMC07FOD
https://www.figma.com/community/file/1236725067964391035/widgets-graphs-cards-products
在是一种出色的卡通着色方法,旨在将逼真的视频转换为动漫风格。它可以处理极高的分辨率和快速动作。 论文:https://arxiv.org/abs/2401.16224 模型:https://github.com/modelscope/DiffSynth-Studio/tree/main/examples/Diffutoon Github:https://gi
使用人工智能技术的在线建站工具 Wegic,用户只需输入简单的描述,即可自动生成个性化网站。它支持用户进行二次编辑和局部调整,非常适合创建设计作品展示、产品介绍等需要网络展示的内容。该产品是国内「即时设计」团队研发的。 https://wegic.ai/
calltoinspiration 是一个专注于为用户体验(UX)设计师和开发者提供灵感和创意的网站,分门别类的提供了各种设计案例 https://calltoinspiration.com/
在 Figma 中可以使用 Fast Canvas AI 插件生成图标、背景等图案素材 https://www.figma.com/community/plugin/1334452585172921151/fast-canvas-ai
免费版可以上传 2 GB内容,下载也不限速不需要登录,免费版分享链接有效期7天 https://woc.space/
Noomo Labs 是一个展示创意和技术结合的网站,专注于互动和沉浸式数字体验。 https://labs.noomoagency.com/
UCDarts 是一个系列产品的名字,大概就是用 AI 自动生成产品所需要的设计风格、用户界面和代码。目前的规划中包括 UCD-zero、UCD-one、UCD-two、UCD-two Pro、UCD-three,和UCD-chat,还有一个AI设计专家“UCD-ai” 2024年5月19日,我们开始内测 UCD-one,公测 UCD-ai。 UCD-ai
相同提示词,不同的 SREF 代码,不同的样式权重。 https://x.com/ciguleva/status/1794593677228314795
根据描述生成 UI 界面,可以看到一个设计版本的历史版本并且支持复制代码导出。 https://v0.dev/
产品经理工作中经常需要通过提升留存、新增这些指标,来达成 DAU(Daily Active Users 一天用户总活跃数) 目标。因此也少不了测算 DAU 的增长趋势。只要在这个网页输入几个关键数值,就可以帮你预测 DAug 和实时画曲线图。 推荐人:龙爪槐守望者 https://ethonlau.github.io/dau-calculator/
设计过程中需要使用应用图标就不用再到其他软件里保存了,打开插件搜索即可,之前还有个类似场景的还有「Any App Finder」也很好用。 https://www.figma.com/community/plugin/1365349580836615037/logo-hunter-for-apple-store
随机生成一个被小学生嫌弃大学生觉得刚刚好的头像,可以下载 PNG 到本地 体验地址:https://txstc55.github.io/ugly-avatar/ 项目地址:https://github.com/txstc55/ugly-avatar 本期周刊封面来自 https://twitter.com/reijowrites
假期归来,先从设计灵感开始找找感觉,这些网站都收录了好看的网站设计案例
Captions 是一个 AI 视频剪辑工具,通过自动化的 AI 功能帮助用户简化视频和音频内容的创作过程。 https://www.captions.ai/
根据提示词和音乐类型描述生成歌曲,从社区中可以听到其他人的创作,还有之前推荐的 Suno 都是同类型 AI 工具。个人觉得英文音乐 Udio 比 Suno 好一些,有兴趣的可以试试。 https://www.udio.com/
LOGO 设计灵感,有真实案例有设计师分享的案例 https://logosystem.co/
采集展示来自真实公司徽标 LOGO 示例,可以通过类型筛选。 https://www.logofav.com/
这是一个 AI 工具类网站,该网站设计精细,交互流畅有很多细节 投稿人:Witto https://harness-next.vercel.app/
Midjourney 在国内的品牌「悠船」,悠船需要下载客户端使用,交互方式和 Midjourney 网页版基本完全一致,生成效果同提示词效果也相同,不过有部分功能的更新会比 Midjourney 略慢,悠船有免费的使用额度,有兴趣的可以申请注册。 https://www.youchuanai.com/
输入或者选择色值就可以实时看到颜色相关的组件,并直观看到使用效果 投稿人:Summer_夏沫汐 https://sinqi.tools/zh/tailwind_colors
Suno是一款热门的AI音乐生成工具,用户通过输入提示词即可创作音乐。平台上有丰富的示例和社区作品可供欣赏。我尝试后发现,它能快速生成高质量音乐,非常惊艳。如果你对音乐创作感兴趣,Suno绝对值得一试 🎵 https://suno.ai/
月之暗面科技有限公司开发的多语言人工智能助手。擅长中英文对话,能够帮助用户获取信息、解答疑问,并在多种文件格式和网络内容中提供支持。 擅长中文、英文语言交流能力; 擅长阅读和理解用户上传的多种文件格式(如TXT、PDF、Word文档、PPT幻灯片、Excel电子表格等),并根据文件内容回答用户的问题; 擅长网络内容解析:当用户提供网址或链接,能够解析网页内容
Google 宣布今年的 Google I/O 开发者大会将于5月14日举行。作为科技界的重要盛事,吸引了众多开发者和科技爱好者的关注。大会网页已建立:https://io.google/2024/ 本次大会预计将聚焦人工智能(AI)和 Android 15 的最新消息。另外,可能会发布 Pixel 8a 等新产品。 大会有个小游戏 https://io.g
Muse Pro 是专为 iPad 设计的 AI 实时绘图应用,商业化了 AI 实时绘图。它可以实时绘画,每一笔都即时转化为数字画面,提升创作的直观性和互动性。同时,它能快速增强和放大图像,提高效果和分辨率,其主要特色包括: https://www.musepro.app/
使用人工智能,为你建立一个网站 https://durable.co/
群里的设计师使用 GPT 辅助开发的将二维码图片转成矢量格式的小工具,支持颜色重置下载 SVG 格式 https://qrcode.rainforest.org.cn/ 另外作者还开发了个 条形码生成工具
迪特·拉姆斯 (Dieter Rams) 的极简工业设计风格,作者使用 Framer 进行创作,每个都设计组件都有声音和交互 https://drams.framer.website/
用 SD 直接生成透明的 PNG 图片,也可以直接生成带有透明度分层的图片,LayerDiffusion 使得大型已经过预训练的潜在扩散模型(latent diffusion model)能够创造透明图像。这项技术不仅可以生成单独的透明图像,还能生成多层透明图层。 https://m.okjike.com/originalPosts/65ded5f85dda
AI 视频时代,OpenAI 推出了 Sora ,这是一个文本转视频模型。 Sora 可以创建长达 60 秒的视频,其中包含高度详细的场景、复杂的摄像机运动以及充满活力的情感的多个角色。 https://openai.com/sora
通过文字描述生成 UI 设计图,可实现轻松快速的设计构思。 https://www.usegalileo.ai/explore
已收录 9681 个 AI 工具和 233 个分类的 AI 工具导航站。列表通过 ChatGPT 每天自动更新。 https://www.toolify.ai/zh/
一套 Niji 提示词,Niji V6 挺有意思的,--s 的值和是否开 Raw 格式对画面风格和生成内容的影响非常大,感兴趣可以自己改一下提示词的参数看看。 提示词的服装和人物特征部分都可以随便改,杂志和背景的部分不改就行。 提示词:k-pop girl, beautiful face, chubby, cyan hue, barcode, belt, b
https://twitter.com/op7418/status/1753455871810797686 https://twitter.com/op7418/status/1752728690130379046 最后提前祝大家 2024 新春快乐,下周停更一周,我们来年再见ヾ( ̄▽ ̄)Bye~Bye~ 2024 Moonvy 月维限量红包封面
暗色线性风格网站官网设计组件,暗色主题风格 https://www.figma.com/community/file/1332091610740792452
可以轻松地将聚光灯延伸到元素上,固定值拉伸背景图像并将其固定到视口。固定后,它不再随元素移动! 要如何成为焦点?最简单的方法是径向渐变 https://twitter.com/jh3yy/status/1750019768302911829
像素化的屏幕效果和故事讲述,网站由 Karina Makarova 使用 Tilda(无代码平台)设计 https://legendary3310.tilda.ws/
共 445 条
内容整理自 Moonvy《设计素材周刊》,版权归原作者所有