3D UI没死,只是不再免费:一场从炫技到克制的深度转型
源自56位全网作者
05-13 14:23
精选参考来源
1
建筑设计经常需要昂贵的专业软件如AutoCAD或Revit,年费动辄数万美元,还得安装桌面客户端,跨平台协作麻烦重重。Pascal Editor 把3D建筑设计全流程搬到浏览器,提供免费开源的完整解决方案。基于React Three Fiber和WebGPU的高性能渲染,支持实时编辑建筑/楼层/墙体/区域,支持层叠/爆炸/独立视图显示,还内置撤销重做、几何系统生成和空间碰撞检测。GitHub:github.com/pascalorg/editor主要功能:- 完整的节点层级:Site→Building→Level→Wall/Slab/Zone/Item,支持实时编辑和几何生成;- GPU加速3D渲染,墙体倒角、CSG切割门窗、楼板多边形生成;- 智能系统更新,仅重渲染脏节点,高效性能;- 撤销/重做(Zundo)、IndexedDB持久化存储场景;- 空间网格管理,支持物品放置验证和楼板高度计算;- 工具系统:墙体绘制、区域创建、物品摆放、选择/变换工具。支持Web浏览器直接运行,通过bun dev本地开发,14.6k星标,适合建筑师、设计师和初学者快速原型设计。#AI创造营##Web3D# 爱可可-爱生活的微博视频
2
收藏好这50+大厂UI规范!AI也能做出好设计awesome-design-md,是 VoltAgent 团队在GitHub 上开源的项目。它做了一件特别实在的事:从58个知名网站里提取了设计系统,全部写成了 DESIGN.md 格式,直接开箱即用。覆盖范围很广:AI/开发者工具:Claude、Cursor、Vercel、Linear、Mistral、Cohere基础设施与支付:Stripe、MongoDB设计工具本身:Figma、Framer消费品牌:Apple、Spotify、Tesla、Airbnb、Revolut、Coinbase每一个设计文件旁边还附带了 preview.html 和 preview-dark.html——打开就能看到颜色样本、字体比例、按钮样式的可视化展示,亮色暗色主题都有,选起来一目了然。 怎么用?三步搞定第一步:挑风格进入项目,浏览各个品牌目录,打开 preview.html 看看效果,找到你想要的那套风格。比如你要做一个 SaaS 工具的落地页,想要 Linear 那种极简黑白风;或者做一个金融类产品,想要 Stripe 的那种稳重专业感。 第二步:复制文件把对应品牌目录下的 DESIGN.md 复制到你项目的根目录。 第三步:告诉 AI打开 Cursor、Claude、Windsurf,或者任何你在用的 AI 编程工具,加一句话:"请参考项目根目录的 DESIGN.md,按照其中的设计规范来构建这个界面。"然后正常描述你的需求就好。AI 会自动读取 DESIGN.md,把色彩、字体、间距、组件风格全部套进去。生成的结果,和你目标品牌的视觉语言高度一致——再也不是一堆AI味儿浓浓的紫色渐变。 思考DESIGN.md 这个格式的出现,让我想到一件事:设计规范正在变成代码基础设施的一部分。以前,设计师维护 Figma 文件,开发者写代码,两边永远在对齐、永远在扯皮。设计规范是写给人看的,翻译成开发实现的成本极高。现在,当 AI 成为主要的"开发者"之后,设计规范必须是 AI 能直接消费的格式。DESIGN.md 就是这个接口。未来每个认真做产品的团队,都会维护一份自己的 DESIGN.md。 它不再只是文档,而是 AI 时代设计师和工程师之间的协作契约。而 awesome-design-md 这个项目,相当于把世界上最顶级的设计决策,变成了人人都能取用的公共资源。一个独立开发者,现在可以站在 Stripe 设计团队的肩膀上造界面了。
全部
来源
来源
内容由AI生成
0
0
0评论
当前文章无评论,是时候发表评论了
提示信息
取消
确认
评论举报
已收藏
去我的收藏夹