In my experience, SwiftUI’s “learn once, apply anywhere” often turns into “learn once, learn twice, apply somewhere, debug everywhere.”
Figma Community 是团队分享和获取插件的平台,DarkSide 与 Contento 均可在此搜索下载。它提供友好开发环境与低门槛创作氛围,让团队更容易发现、安装和更新实用插件。
Figma Community 是团队分享和获取插件的平台,DarkSide 与 Contento 均可在此搜索下载。它提供友好开发环境与低门槛创作氛围,让团队更容易发现、安装和更新实用插件。
本文说明 Figma Components 是可跨文件共享的复用设计元素,主组件修改后实例自动同步;布尔组组件仍可作为单一形状层使用,支持与其他元素进行布尔运算,便于生成相似图标变体。
本文中 Interactive Components 配合 Smart Animate 用于驱动液态图形的动态变化。通过不同变体间的切换,可实现圆形位置、旋转或脉动等有机运动,生成自然融合效果。该方法让动画直接在 Figma 原型中播放,无需依赖插件即可分享给客户。
本文发布于 Bjango 的网站 bjango.com,作者通过多组测试对比了 Figma、Sketch 等设计工具在空文档、多对象文档及大文本场景下的内存占用表现。文章详细记录了测试方法、硬件环境(M1 Pro MacBook Pro)和各工具的内存增长曲线,指出 Figma 内存占用最高而 Sketch 最低。Bjango 同时在文末提及自身正在开发的设计工具。
本文将 Smart Components 列为 Figma 近年发布的功能之一,与 Variables、Auto Layout 和 Interactive Prototypes 并列。这些功能被作者视为推动设计师转向工程化思维的代表,鼓励在创意初期就建立严密结构,从而缩小探索空间并导致设计 monoculture。
本文将 Figma 描述为浏览器端设计工具,自 2013 年起成为远程设计实践的核心。它通过 Smart Components、Variables、Auto Layout 等功能,将设计师推向工程化工作方式,过早引入结构约束,缩小了早期探索的空间。作者认为这种趋势导致数字设计趋同,减少了自发性和创造性发现的机会。
本文指出 Figma Variables 是其工程化功能迭代的一部分,与 Smart Components 等工具共同作用。这些特性让设计师更早进行参数化与一致性控制,作者认为这在创意阶段限制了自由尝试,造成设计决策过早固化。
计算着色器是 WebGPU 新增能力,可将并行计算从 CPU 迁移至 GPU。Figma 目前已在接口层完成支持,未来将用于模糊渲染等场景,以进一步释放 GPU 性能。目前阶段主要为这类优化铺路,未在首次迁移中大规模启用。
在本文中,RenderBundle 是 WebGPU 的一项特性,用于将多个绘制调用打包以减少 CPU 开销。Figma 计划利用它进一步优化渲染性能,尤其在向 GPU 提交工作时降低开销。目前该特性尚未实现,仅作为未来优化方向提及,与 compute shader、MSAA 等一起被列为 WebGPU 带来的新机会。
文章末尾提到,开发者可通过 Figma Design Kit 获取 Jetpack Compose Glimmer 的设计资源,以便在 Figma 中直接使用该系统的组件、排版和深度规范进行 AI 眼镜界面原型设计,实现从设计到 Android XR 实现的无缝对接。
本文核心对象:macOS 用来给文件(及 bundle 等)分类型、并映射到可用应用的全局对象分类体系,取代了 Classic Mac OS 的 OSType。命名多用反向 URL 形式(常见以 public 开头,如 public.item、public.jpeg,也有厂商专用如 com.adobe.pdf),呈层级符合关系,便于向上泛化或向下特化。完整 UTI 还带标签规范(文件扩展名、MIME 类型等)供识别;系统预置大量标准 UTI,应用也可在 Info.plist 中导出自定义类型。扩展名/MIME 冲突时系统库优先,第三方之间则近似先到先得且无提示。
即过程奖励模型。文章指出 DeepSeek-R1 最终未把中间推理轨迹纳入训练信号,因实验显示帮助有限;是否以及如何通过 PRM 利用逐步推理信息仍是活跃研究方向,与仅依赖最终答案对错的 outcome 奖励形成对比。
文章明确指出 Silpheed 的 FMV 不用帧间差分(delta compression)。每一帧自给自足,完整携带本帧所需图块与 tilemap,解码不依赖前一帧。带宽节省主要靠图块复用、ASIC 双色字模展开与 tilemap 自增编码等帧内手段,而非跨帧差分。
本文中 Bun 从 Zig 整体迁移的目标语言。相对 Zig 的显式 defer,Rust 的 Drop/RAII 与借用检查把 use-after-free、double-free、错误路径漏释放变成编译期错误,更适合 Bun 中 GC 值与手工内存交织的场景;并带来跨 C/C++ 的 LTO 内联、栈槽复用(llvm.lifetime)等副作用,使性能略升、栈占用下降、二进制变小。改写策略是先忠实机械移植再逐步减 unsafe:合并时约 4% 代码在 unsafe 中(约 1.3 万处关键字、约 2.7 万行/78 万行),多数单行调 C++/C 库。拆成约百个 crate 后曾用工作流消解循环依赖与约 1.6 万编译错误;回归多来自 debug_assert! 擦除副作用、切片奇偶长度、Release 保留边界检查、无 comptime 格式串等语义差异。
Prisma 被作为生产落地案例:其 Prisma Compute 公开测试版跑在 Bun 的 Rust 重写之上。负责人 Alexey Orlenko 称旧版本存在内存泄漏,且连接池在虚拟机暂停恢复后无法自愈;用 Rust 版 Bun 复现相同故障场景后表现正常。文章以此说明重写不仅通过测试,也已服务真实产品工作负载。
Bun 的原实现语言:作者 2021 年 4 月因语言参考与底层性能取向入门,一年内在无 LLM 条件下用 Zig 搭出超大范围运行时,文中明确称「没有 Zig 就做不到」。Zig 强调无隐藏控制流、用 defer/errdefer 显式清理,对许多项目合适,但在 Bun 中与 JavaScriptCore 的异常/GC 规则混用时,生命周期难表达,成为泄漏与崩溃主因;团队虽已打 ASAN、Windows ReleaseSafe、Fuzzilli 与泄漏测试,仍疲于个案修复。作者不归咎于语言本身,并曾考虑自研智能指针/风格指南,但 ergonomics 与保证不如 Rust;v1.3.14 为最后 Zig 版。移植中也暴露 ReleaseFast 去掉边界检查、assert 始终求值、comptime 格式串等与 Rust 的语义落差。
Nathan Barry为本文作者。他此前已尝试无神经网络的无界n-gram莎士比亚生成,读到《Language Modeling is Compression》论文后,进一步验证gzip能否直接充当语言模型,并编写了gzipt演示工具。文章记录了其实验动机、实现细节与生成示例。
Figma 在本文中指使用独立渲染器的设计工具,其字体显示在各设备上一致,但与浏览器实际输出存在明显差异。文章指出浏览器默认渲染会让文字变重模糊,导致设计稿无法准确还原。通过 CSS 修正后,网页效果可更接近 Figma 中的设计,尤其在 Mac 平台上差异最显著。
Subpixel Anti-Aliasing 是浏览器默认抗锯齿方式,本文指出它利用 RGB 子像素模拟更高分辨率,原本为解决低 DPI 屏幕问题。但在现代高 DPI 显示器上会使文字变重、略微模糊,与 Figma 设计不符,尤其在暗背景时问题更明显。
-webkit-font-smoothing 是 WebKit 浏览器属性,本文中被设为 antialiased 以启用灰度抗锯齿。该设置可减少文字重量和模糊感,解决 Figma 与网页的渲染差异。它仅在 Mac 上起作用,需配合另一属性使用,对细字重小字号需注意避免过淡。
本文作者在Rauno的Web Interface Guidelines中首次接触到全局应用字体平滑CSS的做法。指南提供了-webkit-font-smoothing: antialiased和-moz-osx-font-smoothing: grayscale的解决方案,帮助解决Figma与浏览器渲染不一致的问题。作者表示该方法在多个自有及客户项目中产生了可感知的改进。
文章说明Retina Display等高DPI屏幕像素已足够细小,子像素抗锯齿不再必要,反而使文字显得偏重且模糊。浏览器默认渲染与Figma预览差异显著,需改用灰度抗锯齿才能接近设计意图。该结论基于现代屏幕硬件条件与低DPI时代的对比。
Grayscale Anti-Aliasing 是通过 CSS 切换后的抗锯齿方式,本文称其为 antialiased 或 grayscale,能让文字边缘更干净轻盈。相比默认次像素方法,它减少重量并保持与 Figma 一致,尤其适合 Mac 用户查看和细字重场景,但小字号时需适当增加字重以保可读性。
本文将 Qualcomm FastCV 描述为 Snapdragon 平台的移动端加速路径,通过 Hexagon DSP 和 NPU 实现图像与推理任务的硬件卸载。它作为 HAL 的一部分,无需用户改动代码即可在对应设备上获得性能提升。
Hardware Abstraction Layer 在 OpenCV 5 中被重构为单一干净接口,硬件厂商可直接插入优化内核而无需散落条件编译。已集成 Intel IPP、Arm KleidiCV、Qualcomm FastCV 和 RISC-V Vector 等路径,结合 Universal Intrinsics 2.0 实现代码一次编写、多硬件自动加速。
Maia Chess是由多伦多大学CSSLab主导的学术项目,最新成果为Maia-3模型。它以57.1%的准确率预测人类走法,优于前代版本,并支持从初学者到大师的各类应用。项目提供免费开源模型、maiachess.com平台及分析、训练和对战工具,强调通过人类视角理解棋局。
本文页面位于gitlab.com域名下,属于其官网关于营销社区关系的子页面。当前正通过安全服务进行机器人验证,以阻止恶意访问。该页面在验证期间显示提示信息,说明网站受保护机制影响。
本文发布于 Setproduct 博客,作者通过大量视觉示例系统梳理 Badge 组件的设计要点与使用场景,并推广其旗下的多套 UI 套件与设计系统,包含 Figma React UI kit 等产品。
文章指出 Setproduct 的 Material You UI kit 与 Figma React UI kit 均提供 React 版本的 Badge 实现,方便在 React 项目中快速集成徽章组件。
文章提及 Material You 的 Figma 文件示例,展示其 Badge 设计规范,同时推广 Setproduct 的 Material You UI kit,支持 Figma 与 React 实现 Material Design 3 风格的徽章。
文章多次提及Figma,用于展示Badge设计案例、提供相关UI Kit模板链接,以及作者个人作品集入口。文中列出多个基于Figma的Material You、Appka等徽章实现文件,强调Figma是分享与实践Badge设计的主要工具平台。
本文中 Spotify 指数字音乐服务平台,其网页版提供音乐访问入口。描述显示该服务可让用户接触数百万首歌曲,网址为 open.spotify.com,定位为面向大众的音乐平台。
Spotify Web Player 是 Spotify 的网页音乐播放器,页面标题为“Music for everyone”。它通过 open.spotify.com 网址运行,让用户直接在线收听海量歌曲,是该服务的主要网页访问形式。
作者将自己做空 Bill.com 称为职业生涯中最糟糕的判断,借此说明自己并不擅长扮演空头角色。文中强调 Not Boring 的定位是乐观分析,建议读者搭配其他空头观点以形成完整认知。
Figma 是文章中提到的原型设计工具,支持 Figjam 进行头脑风暴。其分支功能允许团队成员提交并合并组件变更,促进设计系统规模化维护。文中引用数据显示,Figma 文件首次协作时间已从 2019 年的 19 天缩短至 10 天,体现设计过程更早开放与跨职能协作的趋势。
文中将Figma的branching功能与GitHub的工作流对比,指出设计师可通过类似fork和merge的方式提交组件修改,经上游批准后合并回主系统并传播至所有使用该组件的设计文件,体现设计协作的民主化趋势。
本文提及 Principle 作为原型设计工具之一,帮助用户快速实现交互原型。它被置于让设计大众化的工具列表中,与 Sketch、Figma 并列,体现软件如何简化设计流程。Principle 等工具的广泛应用促使设计师角色转变,更多承担用户代言、流程透明和系统一致性维护工作。
Figma设计师,其观点被引用:随着技术进步,软件选择将不仅看重功能,还将取决于如何传达个性,如同挑选衣服,暗示设计系统可支持更具表现力和个性化的用户体验。
本文将 Sketch 列为原型设计工具之一,与 Figma 等软件并列,指出用户可通过它快速完成原型制作,从而降低设计门槛。文章强调这类工具让非专业人士也能轻松创建网站、Logo 和交互原型,减少对传统 Creative Cloud 的依赖。Sketch 的出现推动设计任务自动化,促使设计师角色从执行者转向系统架构师和用户倡导者。
本文指出 Adobe Creative Cloud 月费 52.99 美元且占用资源,已被众多在线工具取代。Figma、Canva 等新工具让任何人无需订阅即可完成网站、Logo 和原型设计。文章以此对比说明自动化趋势下,专业设计师必须向系统架构师和产品经理角色转型。
Coors 开发了几乎完全相同的 iPint 应用,Hottrix 以版权侵权为由起诉索赔 1250 万美元,案件最终以保密条款和解。此事成为 iBeer 商业成功后遭遇的重大纠纷。
本文测试中,Figma 在旋转带投影的矩形时 GPU 被完全占满,其他测试则未接近 GPU 上限,整体表现为 GPU 受限。文章指出为 Figma 选购硬件时,提升 GPU 比提升 CPU 或内存更有帮助,同时提到其单标签内存上限为 2GB。测试在 M1 Pro MacBook Pro 上进行,画布出现严重延迟时仍以 GPU 为主。
文章通过旋转大量图形对象的测试,观察各设计工具对 CPU 的利用情况。Sketch 与 Affinity Designer 表现为 CPU 密集型,能充分利用多核;Figma、XD、Illustrator 和 Photoshop 则未将 CPU 占满,存在空闲时间。测试在 M1 Pro 芯片上进行,指出前两个核心为能效核,通常负载较低。
Bjango 在本文中通过旋转数千个带描边、阴影或渐变的矩形,对 Figma、Sketch、XD 等设计工具进行性能测试,记录其在 14 英寸 M1 Pro MacBook Pro 上的 CPU 与 GPU 占用情况。测试显示各工具渲染路径差异明显,Figma 更依赖 GPU,Sketch 与 Affinity Designer 则重度使用多核 CPU。Bjango 指出这些结果可帮助用户在选购 Mac 时优先考虑 GPU 或 CPU 配置,而非单纯增加内存。
测试显示 Figma 在绘制阴影时会占满 GPU,其它工具如 Sketch、Affinity Designer 则几乎不使用 GPU。XD、Illustrator 和 Photoshop 在画布严重卡顿时,GPU 仍有大量空闲。文章认为理想的设计工具应让 GPU 接近满载,以发挥其图形渲染优势。
本文测试所用 2021 年 14 英寸 MacBook Pro 搭载 8 核 Apple M1 Pro 处理器及 32GB 内存。文章以此芯片为平台,记录 Figma、Sketch 等工具在旋转大量对象时的 CPU 与 GPU 占用曲线,并据此给出硬件选购建议。
文章相关部分说明,GitHub Copilot会话的远程控制现已在github.com和GitHub Mobile上普遍可用,支持从手机继续本地会话。
Contento 是团队成员 Saidi 开发的 Figma 插件,主要解决界面内容自动填充的问题。它支持一键填充文字和图片,并能按不同格式转换文字,满足团队日常设计稿快速生成的需求。
设计系统指阿里云盘 A Design System,团队在 Figma 中搭建全局组件框架,让前端设计师据此生成业务组件,后端设计师负责规范维护。Figma 的组件与实时协作特性使设计规范的自由演绎与严格遵守变得清晰可执行,直接推动系统逐步成长。
Schema 大会是 Figma 产品总监 Sho Kuwamoto 发表主题演讲的场合,重点阐述 Figma 使命在于帮助设计师更好设计而非仅提供工具。文章以此引出团队对 Figma 角色定位的思考,并作为引用来源支撑其设计系统与协作理念。
1 天前 · Swift
In my experience, SwiftUI’s “learn once, apply anywhere” often turns into “learn once, learn twice, apply somewhere, debug everywhere.”
1 天前 · LLM, benchmark
Canvas Arena:对比 LLM 的绘画能力。给到 LLM 一些基础的画笔工具,以及画布预览能力,让 LLM 效仿名作。涉及到视觉理解和 tool 调用能力。
文章显示,GPT-5.6 Sol 画得最好。
1 天前 · Swift
iOS 27 为 GeometryProxy 引入了新属性 concentricCornerRadii。
这意味着您现在可以使用 GeometryReader 或 onGeometryChange 直接获取同心圆角半径(Concentric Corner Radius)的值。
这也意味着现在可以使用此属性直接访问屏幕圆角半径。
.frame(maxWidth: .infinity, maxHeight: .infinity)
.onGeometryChange(for: CGFloat.self) {
let global = $0.frame(in: .global)
let corners = $0.concentricCornerRadii(in: global)
/// Use Any Corner Values
return corners?.bottomLeading ?? 0
} action: { newValue in
screenCornerRadius = newValue
}2 天前 · Apple, 本地化
Xcode 中的本地化指南 skills 文件路径:/Applications/Xcode-beta.app/Contents/PlugIns/IDEXCStringsSupport.framework/Versions/A/Resources/Skills/translation/references/
里面有包括中文在内的 14 种语言本地化指南。
4 天前 · 具身智能
Satyress 造出一款 2m 高的半人马机器人,目的是替人类深入一些危险区域。
小巧思:他们在朝下的犄角处安装了广角摄像头,让机器人能够看到腿部和手臂的位置,从而在编码器出现问题时提供冗余/故障检测功能。
不知为何,官网还展示了机器人弱点部位……
4 天前 · App, Apple
Telegram 的表情符号选择器边缘收起效果使用了私有 UIKit 类 _UIPortalView,创建了滚动网格的 8 个实时更新视图,将其切成条状,然后逐渐绕 X 轴旋转,形成近似四分之一圆的效果。
在源码中,他们通过简单的字符串混淆避开了苹果的私有 API 静态分析检查:
portalViewClass = NSClassFromString([@[@"_", @"UI", @"Portal", @"View"] componentsJoinedByString:@""]);5 天前 · LLM
TurboFieldfare:让 Gemma 4 26B-A4B 模型在 2GB RAM 下运行。
原理是不把整个 14.3 GB 模型全部装载到内存,而是把 1.35 GB 的共享核心和 KV 缓存常驻内存,其余专家按需从 SSD 流式读取。硬盘的读取速度重要性进一步加大。
5 天前 · LLM
Pangram 发布了最新的 AI 内容识别模型 Pangram 4:可以逐词检测内容是否由人工还是 AI 撰写。还有新版的 AI 图像检测作为测试预览版发布。
5 天前 · LLM, benchmark
看到 Opus 5 在 ARC-AGI-3 独树一帜 OpenAI 显然坐不住了。特意发了篇文章表示,保留推理并通过压缩保留上下文时,GPT-5.6 Sol 可以用更少的 token 得到 3 倍于现在的分数。
结论:请大家多用 Responses API。
9 天前 · LLM, 游戏
当问及 Claude Fable 5、Claude Sonnet 5、DeepSeek-v4 Pro、GLM-5.2、Luna、Terra、Sol、Grok 4.5、Kimi K3、Claude Opus 5 这些模型最喜欢的电子游戏时,统一口径回答都是 Outer Wilds(星际拓荒)。
信息源自 AI Village 实验。
10 天前 · 游戏
Pokemon Gen 1 Recompilation Project:使用 LÖVE2D 引擎以 HD-2D 风格重制《宝可梦 红/蓝》。
10 天前 · API, Google
Google Map 的 Isochrones API 可以计算一个人在一定时间内从特定起点可以到达的区域。比如可以查找公司附近 45 分钟通勤范围内的房子。
curl -X POST "https://isochrones.googleapis.com/v1/isochrones:generate" \
-H "X-Goog-Api-Key: YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"location": {
"latitude": 47.6062,
"longitude": -122.3321
},
"travelDuration": "300s",
"travelMode": "DRIVE",
"routingPreference": "TRAFFIC_UNAWARE",
"enableSmoothing": true,
"travelDirection": "FROM"
}'11 天前 · App
Geekbench 7 发布。新增媒体处理负载、多核 CPU 和 GPU 等基准测试更新。
11 天前 · Swift
Markdown 现在是官方 Uniform Type Identifiers 了,大一统,并以 UTF-8 纯文本回落。
标识符为 net.daringfireball.markdown,致敬了 Markdown 创始人 John Gruber 的博客 Daring Fireball。
本文是面向设计流程说明,在 Figma 中完善说明字段,在 MCP 对接 LLM 时更有帮助。
Dev Mode 是 Figma 面向开发者的模式,通过 MCP server 向 AI 代理提供组件、变量和代码片段等设计上下文。文章强调,清晰的 Dev Mode 信息能减少 AI 生成代码时的偏差,让开发者更快获得生产就绪输出。
Code Connect 是 Figma 的组件链接功能,可把设计组件与对应代码组件关联,并在 Dev Mode 中展示准确代码片段。文章指出,结合 MCP server 后,AI 代理能直接调用这些链接生成符合代码库规范的输出,减少手动对齐成本。
Design System 在文中指包含组件与颜色、间距、排版等变量的可复用设计基础。文章强调,通过 Code Connect 和代码语法将其与代码库绑定后,MCP server 可让 AI 代理自动拉取上下文,生成品牌一致且可维护的代码,规模化提升生产力。
Auto Layout 是 Figma 的响应式布局工具,能明确元素在不同断点和内容变化下的排列规则。文章建议在列表、行、网格中广泛使用,并搭配清晰命名,可帮助 AI 代理理解空间关系,生成更稳定、结构化的代码。
本文中 Code Syntax 是 Figma 提供的变量文档功能,用于定义颜色、排版、间距等变量在网页与原生代码库中的具体写法。它把代码库上下文直接带入设计文件,让 AI 代理和开发者能从同一来源获取准确代码片段。配合 Code Connect 使用时,可进一步确保设计系统与生产代码保持一致,减少手动查找和出错概率。
本文将 Design Context 定义为设计文件中经过组织后的结构化信息,包括组件、变量、图层命名、断点框架和交互注释等。这些上下文能帮助开发者及 AI 代理更准确地将设计转化为生产代码。文章强调,随着 MCP 服务器等工具普及,清晰的 Design Context 已成为设计师提升交付效率和准确性的关键实践。
本文中的 AI Agent 指开发者借助 Figma Dev Mode MCP 服务器使用的智能编码工具。它可直接读取设计文件中的组件链接、变量代码语法和图层结构,自动生成符合设计系统的生产代码。文章指出,当设计文件结构清晰、命名规范且包含交互注释时,AI Agent 生成结果的准确性与效率会显著提升,从而减少开发者后续修改工作量。
Model Context Protocol(MCP)是 Figma 推出的服务器协议,能让 AI 编码工具直接读取 Figma 设计系统中的组件映射与变量语法。文章说明,MCP 与 Code Connect 结合后,可将设计上下文带到任意构建环境,避免 AI 盲目搜索代码库。
本文作者 Thomas Lowry 是 Figma 的 Advocacy 总监。他在文中分享了设计师如何通过整理设计文件,为使用 MCP 服务器的开发者及 AI 代理提供必要 Design Context 的三项最佳实践。文章结尾简要介绍了其在 Figma 的角色及个人兴趣。
Figma 是本文讨论的设计协作平台,其 Dev Mode MCP server 将设计文件中的上下文直接接入开发者与 AI 编码工具的工作流。文章指出,设计师通过优化文件可帮助 AI 更准确地将设计转化为生产代码,从而提升交接效率。Figma 的此项能力让设计系统上下文能在组织内自动复用。
可左右滑动查看