2026-04-02 00:00:00
我们都知道，中国的 App 界面设计总是给人高信息密度、布局紧凑的印象，以至于很多人会感到这些 App 界面过于杂乱，尤其是不同国家地区文化的用户。
至于原因，业内众所周知的原因主要有 3 点：
中国的互联网公司很喜欢以 App 为中心扩张业务范围，背后的原因是在中国基于网页搜索引擎的流量来源在移动互联网时代被近乎完全的抛弃，作为垄断地位的搜索引擎百度已经被边缘化。App 是最重要的「流量入口」，公司 App 靠主营业务吸引用户，再在 App 中推出一系列其他的业务。
所以你可以在类似 Uber 的打车 App（滴滴打车） 中贷款、开信用卡、买保险、叫家政。在类似 Dropbox 的网络存储 App（百度网盘）中浏览网页、像 Netflix 一样看电影、像 TikTok 一样看短视频、甚至求职。
想象一下 Google 把它的所有业务融合成一个 App，中国的 App 就是这样的产品模式，这就是 App 的平台化。一个 App 的涉及的业务如此之广，意味着功能会非常多，用户界面不可避免的要变得根据复杂臃肿。
在中国 App 的 UI 设计师的权力范围大多只涉及到视觉呈现，而功能布局大多数时候设计师可做不了主，不同业务的负责人都想方设法让自己的业务尽可能争取界面中更多曝光，而这种情况下界面布局只能由上一级负责人来协调，设计师只能视觉上优化被指派的功能布局。
而这样绩效驱动的设计，自然要榨干屏幕上尽可能多的空间来产生最大的效益，留白就是在寸土寸金的屏幕上浪费金钱。
无论界面设计还是用户体验要为业务完全的让位，最极端的体现就是在中国很多 App 的启动时会有非常长时间的启动广告（开屏广告），并且会随机的强制跳转到广告商的 App 或者网页，你必须前往广告商的 App（例如一个购物 App 的促销产品） 后再回到原来想要打开的 App。
所以说，UI 设计其实由设计师决定的部分没有很多，更多的是由业务和商业模式决定的
最后就是语言文化的差异了，汉字的信息密度会比拉丁文字更高，这在界面设计上也有显著影响， 比如用中文设计里能轻松的设计紧凑的宫格，而拉丁文字的设计下，由于文本过长就很难设计的很紧密。
此外按人类学家（Edward T. Hall）的说法，中国是高语境文化（High-Context Culture），在高语境文化下，人们更倾向于从丰富的信息中提取有用的信息，而不是对此排斥。
另外一个语言差异是搜索，由于使用拼音输入中文进行搜索相比英文直接输入要更慢，搜索的优先级并没有那么的高。
商业元素是中国 App 设计中最重要的因素，那如果排除商业因素呢，这里我找到了一些很好的例子，就是「博物馆」的 App，各国的博物馆的 App 商业模式差异较小，由绩效主导的程度也较小，设计师的权力范围相对较大，这些 App 的界面设计就更能反映出不同国家地区文化的差异了。
这里我们选取了中国国家博物馆、首都博物馆的官方 App 与西方常用的博物馆 App Bloomberg Connects、British Museum 来对比一下。
我们可以看到，在中国的博物馆 App 的界面设计相比商业 App 简洁一些，但不多，但仍然保留了较高的信息密度和复杂性。
而和西方博物馆 App 最大的不一样是着陆页的导航，中国的 App 非常喜欢把尽可能多的功能入口以宫格的形式放在着陆页上，而西方的 App 则的着陆页缺少功能入口，倾向于让用户去导航栏或者搜索栏去寻找功能入口。
看来，商业因素虽然是中国 App 设计中重要的因素，但即使排除商业因素，中国的 App 设计仍然与西方差异很大，最大的差异就是着陆页的功能导航上，看来不管是因为真的文化差异还是用户的使用习惯已经被商业 App 塑造了，中国人确实更喜欢更高信息密度和平铺导航的界面设计。
最后我想说的是，某一个 App 的界面设计风格可能是设计师或者产品团队的设计决策，但如果要论群体的设计风格，它更多的是有商业模式和文化环境所决定的，再追根溯源，其实是由消费者所决定的，最终的消费者选择了什么样的产品，什么样的产品就存活下来， 而存活下来的产品的设计风格就会被模仿和延续，形成了一个文化环境，最终形成了一个国家地区的设计风格。
2026-03-30 00:00:00
通过 Figma MCP server， AI agents 现在可以直接编辑 Figma 文件，使用你的组件、变量和标记创建和修改真实的设计资源。 Agents 会首先读取您的库并利用现有资源进行构建，因此输出结果能够更符合你的设计系统
https://www.figma.com/release-notes/
教程：https://x.com/xiangxiang103/status/2036469800071991472
Figma macOS 桌面应用程序中的吸管工具随时随地捕捉超出 Figma 程序外的颜色（本应该是早期应该有的功能拖到现在才支持）
https://www.figma.com/release-notes/
无需打开 Blender 就能渲染 3D 模型的简单方法，上传模型，调整材质、灯光，然后导出视频动画
https://x.com/thisaugis/status/2037508570401435737
https://studio.morflax.com/objects/upload
这是一个开源的文本排版项目，提供快速且高精度的文本测量与排版算法，可实现类似报纸版面的动态图文环绕与复杂排版效果。该方法也可作为 AI 的排版能力基础，让模型在生成网页或富文本内容时，能够更灵活、更可靠地完成布局与渲染决策，从而提升自动生成页面的可读性与美观度。
https://x.com/_chenglou/status/2037713766205608234
https://github.com/chenglou/pretext
传统剪辑软件的核心是时间线；CapCut 这次的变化是把核心换成了画布，并把生成能力直接塞进编辑器——更像“AI 制片工作台”，而不只是剪辑工具。
1）Video Studio：无时间线的画布式 AI 制片工作台 CapCut 把传统“时间线剪辑”换成了“画布创作”。在这里，从想法到成片基本都能在同一块画布里完成：
2）AI Video：嵌在编辑器里的生成能力 生成不再是单独的入口，而是直接嵌进剪辑流程
https://www.capcut.com/tools/online-audio-editor
https://x.com/xiaohu/status/2037001847530213512
HeroUI 是一个基于Tailwind CSS v4和React Aria Components构建的 React 组件库。每个组件都拥有流畅的动画、精致的细节和内置的辅助功能——即开即用，且完全可定制。
组件：https://heroui.com/docs/react/components
之前介绍过的高质量图标库，现在新增 Isometric（等轴测）图标，都可以免费下载使用，属性支持大小、镜像、颜色、边距等参数
作者刚刚发布了一批 1000 个新的图标! 图标总数达到了惊人的 10000 个
作者用 4 年时间把身边的物品逐一“数字化”保存下来：照片、票据、纪念品、日常小物……都被系统地记录、归档。
这个想法很有意思——当这些被数字留存的物件在未来再次出现时，会像触发器一样，把当时的情绪与记忆一并唤醒，让回忆变得更具体、更可触达。
https://katalog-barbaraiweins.com/#images
网站的配色、交互都很棒，还可以切换3D预览模式
https://www.iyo.ai/products/vad-pro
Moonvy 月维是一款专业的「设计资源管理工具」，让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验，并支持多种开发代码格式，让设计交付更省心、更顺畅。（moonvy.com）
2026-03-21 00:00:00
最近群里不少人反馈：教育版账号也能用 Figma AI 了。虽然目前我还没看到官方明确公告/通知，但既然已经能用，就是好事。你可以回看我之前整理的功能使用介绍，每月 3000 积分，先用起来再说。
图片编辑：https://www.bilibili.com/video/BV1npmuBLEPR/
生成设计图：https://www.bilibili.com/video/BV1SHULY9EyK/
去背景：https://www.bilibili.com/video/BV1YsmfYmEwc/
支持 AI 原生画布、语音输入和原型能力，并通过「设计系统 + design.md」统一规范与文档，方便团队协作
https://stitch.withgoogle.com/
https://x.com/stitchbygoogle/status/2034332847893574080
谷歌 Stitch 新功能实测，AI设计UI的5个趋势提前看
推出”Demo Key”——只需Google账号，秒获API密钥 无需信用卡、无需账单信息、直接写代码 这解决了困扰开发者多年的痛点：想测个地图功能，先被逼着绑卡 现在AI生成的地理空间代码可以直接跑了 对学生、独立开发者、第三世界用户来说，门槛归零
https://mapsplatform.google.com/maps-demo-key/
https://x.com/GMapsPlatform/status/2034690011983982608
基于 GSAP 和 Three.js 的动画 Svelte 组件库。提供适用于动态设计、3D 画布和交互式动画的即插即用解决方案
这是一个开源的项目，旨为 Svelte 生态系统带来高质量、富有表现力的动态效果。它是一个精心挑选的动态组件集合，其灵感主要来自实验性网页、独特的设计工程作品以及充满创意的编程社区。
https://motion-core.dev/docs/specular-band
https://github.com/motion-core/motion-core
设计师电脑里装了几百上千款字体，最难的从来不是“有没有”，而是：怎么快速找到对的那一款。 这是我用 vibe coding 做的第一个产品：打开网页就能读取本地字体，全屏预览快速筛选；选中后一键复制字体名称，到 Figma / PS / Sketch 里直接粘贴就能用。
https://moonvy.com/apps/font-preview/
把你上传的一张或多张图片像写规则一样进行混合编排——可调颜色、混合模式和叠加关系，还能在此基础上直接添加动画效果，最后一键导出为 MP4。适合快速做氛围向动效、概念视觉实验、以及为海报/短视频生成可循环的动态素材。这是一款 vibe coding 的视觉创作工具
https://x.com/RypeArts/status/2034038168241197109
图片生成手绘风格的工具，产品包装做的非常好看，并且每人都能免费生成5张，这种风格非常喜欢
https://stoodio.doodles.app/ai
https://x.com/doodles/status/2033954053349146792
SVGL 是一个开源 SVG Logo 资源库，收录大量常见品牌图标，支持搜索、下载，甚至直接通过 API 调用
Keylume 是一个用于演示和录屏的可视化键盘工具，可以在屏幕上实时显示按键操作，并支持自定义样式，适合做教程或产品演示。
https://lowtechguys.com/keylume
是一个让你把图片快速变成短视频/动态效果的在线轻创作工具，也可以作为图片美化工具使用
CannedStyle 风格罐头插件新增了一套 AI 主题的样式，打开插件创建一个矩形点击样式即可使用
https://www.figma.com/community/plugin/1392338579595619092/canned-style
提供可搜索的品牌／通用 Logo 图标资源，包含品牌故事、配色、字体设计规范以及 矢量的 LOGO 可直接浏览、下载并用于设计项目。
https://www.loftlyy.com/en/abode
还有一个之前推荐过的，国内设计师做的 品牌LOGO 库，更多的中国品牌的矢量 LOGO
可以在地球上添加标记、弧线、附加任何 HTML 元素，无限创意，可与任何框架配合使用：React、Vue、Svelte或原生 JS
作者：https://x.com/shuding/status/2034352633381847145
LiftKit 是一个开源 UI 框架，定位于“为完美主义者打造的界面工具”。它通过数学计算（特别是黄金比例）来自动优化界面间距、字体、边距、色彩等，让组件看起来更加和谐、平衡并“奇妙地舒服”。
https://www.chainlift.io/liftkit
https://github.com/Chainlift/liftkit
Spielwerk 是一款手机游戏创作工具，可以创建角色、道具和超能力。 有意思的是，它用「写字」的方式做游戏，把可变的规则变成交互组件。从编辑游戏就开始有“玩”的概念
https://x.com/spielwerkapp/status/2033566567351435748
https://apps.apple.com/ch/app/spielwerk-create-mini-games/id6747311034
Google 开始在 Chrome中上线**垂直标签（Vertical Tabs）**功能。
标签从顶部横排，变成了左侧竖列。听起来只是换了个方向，实际上，这可能是浏览器二十年来最重要的一次交互革命。
开启方法：https://mp.weixin.qq.com/s/qPtDSoRO_rB0tyO-g2gFDg
Moonvy 月维是一款专业的「设计资源管理工具」，让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验，并支持多种开发代码格式，让设计交付更省心、更顺畅。（moonvy.com）
2026-03-16 00:00:00
Figma MCP 服务器现已支持双向工作流程，并提供更多编码环境。您可以将渲染后的 UI 作为可编辑框架推送到画布上，与团队一起探索方向并比较流程，然后将设计上下文导入代码。包括 Cursor、Warp、Factory、Firebender 和 Augment
https://www.figma.com/release-notes/
管理员现在可以购买额外的 AI 点数用于 Figma。请选择最适合您团队使用情况的选项：
目前，组织和企业计划已推出按需付费模式，专业计划将于 2026 年 5 月推出该模式。
购买后，管理员可以从管理面板中的“人员”选项卡或“AI积分”页面管理谁可以访问付费AI积分。
https://www.figma.com/release-notes/
网站汇集了设计师在构建用户界面时可以考虑的最佳实践，包含美观性、信息分区、认知偏差以及全面的一些设计定律，甚至也可以用来生成 Skill，应用到 AI 工具中
国内团队开发的面向真实印刷流程的 Figma 插件，把 CMYK 色彩管理、ICC 配置文件转换、图片 DPI 预检、出血与边距设置、可编辑 SVG 导出 等能力整合到一个更流畅的工作体验中——帮助你在 Figma 内快速校验关键印刷要求，并更快导出交付文件。
https://www.figma.com/community/plugin/1583985202878360902/printlyfigma-to-print
你可以从一个基准色出发，按 色相/饱和度/明度 等属性进行参数调整，快速得到成套调色板，并可保存、分享与导出。支持多种 配色（单色、邻近、互补、分裂互补、三色、四色等）、提供 5 种色彩空间（OKHSL、HSL、HSV、LCH、HWB）
https://supercolorpalette.com/
这款复古写实 UI 是偏“色彩科学 + 参数化生成”的在线配色工具，你可以在 OKLCH / OKLAB / LCH / LAB / Display‑P3 / HSL / RGB / HEX 等多种色彩空间中生成与微调调色板，用 亮度（Lightness）/ 色度（Chroma）/ 色相（Hue） 等参数做精细控制，并实时在不同色彩空间之间转换，适合想用 OKLCH 等先进色彩空间做更“稳定、可控、可复现”的配色（尤其是做系统化的 UI 色阶/主题色扩展）的场景
Recordly 是一款可替代 Screen Studio 的开源录屏工具，用来制作更精致、专业感更强的屏幕录制视频。它在“录完就能用”的基础上，补齐了更完整的动效与渲染能力：包括光标动画/渲染管线、更贴近 Screen Studio 的缩放动画、光标循环、以及更顺滑的平移/跟随表现。
同时它提供 macOS / Windows 原生录制能力，并支持 Windows、macOS、Linux 全平台，且有开箱即用的安装包，上手门槛更低。
GitHub：https://github.com/webadderall/Recordly
设计群里小伙伴做的汇集 X（原 Twitter）上优质的交互动画案例，覆盖角色动画、图标动效、加载反馈、导航交互、数据可视化、插画等多种应用场景。所有内容已完成分类整理，支持快速检索，真正做到“随用随找”；同时加载轻量、访问顺畅，对网络环境更友好。
灵感来自 2 月份 X 上刷到的一张加载动画：用盲文点阵做动态加载，既简洁又很有辨识度，视觉效果意外地出色。作者在此基础上进一步把它做成了基于 盲文 Unicode 的旋转指示器，并封装为可直接复用的 React 装饰器组件，接入项目更省事。
没想到盲文这种“特殊语言”还能被拓展成这么有趣、实用的动效表达。
预览：https://cli-loaders-two.vercel.app/
Github：https://github.com/agilek/cli-loaders
作者灵感来源：https://x.com/AliGrids/status/2033002433753002390
让 AI 直接在聊天里画交互式图表，流式输出，边生成边渲染，文章中介绍了用法，以及具体的实现过程和一些注意事项
体验：https://github.com/op7418/CodePilot
原文：https://x.com/op7418/status/2033113845120807170
里面做了很多有意思的设计交互尝试，例子中包含了详细的说明以及多图和交互演示
UI 设计师的博客，展示的 UI 作品设计非常细腻
能带来很多思考和启发
https://tokyo.floguo.com/note/no-one-way-to-use-ai
Moonvy 月维是一款专业的「设计资源管理工具」，让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验，并支持多种开发代码格式，让设计交付更省心、更顺畅。（moonvy.com）
2026-01-27 00:00:00
你可能有疑问，Figma 本身也可以交给工程师进行协作开发，为什么还需要一个第三方工具，这里就揭示给你为什么那么多团队使用 Moonvy 月维进行交付的理由：
Moonvy 月维提供的设计交付功能更加强大，并且由于专注于交付上手起来更加容易，比 Figma 有更人性化的操作体验，比如快速多选复制文本、查看图层轮廓。
Moonvy 月维甚至能实现很多 Figma Dev Mode 不能实现的图层效果，如渐变描边、多层文本渐变等。
此外还有切图压缩、CSS rem/vw/vh、微信小程序 rpx、设计倍数切换、专业色彩格式切换等开发者非常需要的功能，可以说在把设计交付给工程师这件事上 Moonvy 月维比 Figma 更好用更强大。
使用 Moonvy 月维这样的专门的第三方设计交付工具，可以让团队同时使用不同的设计工具如 Figma、Sketch、即时设计等，这样无论设计师使用什么工具，给到工程团队的交付流程与体验能保持一致，即使某个工具出现问题暂时不能使用，也不会影响项目的正常进行。
Figma 专业版的席位更加昂贵，在 2024 年后 Dev Mode 也会只有付费后才能使用。通过 Moonvy 月维来进行交付设计能给你省下更多的团队成本。
为了帮助工程师能够轻松的还原设计图每个细节， 我们提供了最专业的设计标注与代码生成功能，相比 Figma 自带的 Dev Mode 更加强大。
更人性化的操作体验，工程师实现设计图更高效；
不惧复杂图层与特殊效果，Moonvy 能识别更复杂的设计图，各种特殊的效果都能完美生成代码，甚至 Figma 自带的 Dev Mode 不支持的效果也能通过月维实现；
结构布局一目了然，用「图层轮廓」在开发前先了解页面布局 ；
设计图到链接文档，串联各个工具。
强大的设计管理可以打造一个团队设计资源的唯一信息来源，让团队协作更省心，多类型资源随取随用。
相比其他产品的团队，Moonvy 月维是一个更用心在设计上、更关心设计师的团队，我们为设计师推出了一系列的好用的工具，并且建立了最有爱的设计师社群，我们希望长期的为设计师这个群体做出更有价值也更有趣的贡献。
Moonvy 月维的免费版能够使用全部功能，马上开始使用
我们根据团队规模提供不同的套餐，可以前往官网升级团队
对偏个人用途的用户，我们提供了「个人大会员」套餐，除了增加基础用量外，未来还会获得增值功能（FigmaEX 同步数据等）。
帮助你快速理解月维的使用逻辑，顺利完成工具的更换并继续高效交付。
了解如何从 蓝湖、摹客或其他设计交付平台 更换到 Moonvy 月维
月维是通过 「设计图文件名称」 来判断是否自动覆盖的，这样可以更灵活地 手动控制设计图的覆盖规则。
如果你仍然希望使用 画板 ID 的方式，可以在 月维 Figma 插件 的设置页面中：
勾选：☑️ 按照画板 UID 上传
设置后，设计图的覆盖规则将与蓝湖保持一致。
更多迁移细节前往，迁移指南
月维支持 **Axure 原型文件托管
操作方式如下：
完成以上设置后，即可继续使用 月维进行设计交付。
2026-01-04 00:00:00
现在月维上的设计标注，可以支持下载字体文件了。
支持中文大部分免费商用字体，以及 Figma 中的设计师可以直接使用的用谷歌字体，都可以支持。设计师不用任何操作。
下载后的压缩包内就有 ttf 或者 woff2 格式的字体文件了
需要注意的是，目前不支持上传自定义字体，仅支持匹配 Fimga 中的 Google 字体和常见商业免费字体。
