代码、手艺与嵌套文件夹的诞生
Figma 推出嵌套文件夹功能，同时分享了团队如何打破传统分工来加速交付：工程师做设计决策、设计师写代码、产品经理退后一步聚焦战略。核心做法是用 PR 代替 PRD 作为方案提案，在 staging 环境快速验证想法，再逐步打磨上线。 
Figma
Figma 设计工具官方博客，涵盖 UI/UX 设计、原型设计与团队协作。
评论
点赞
收藏Figma 如何用 Agent 架构保护内部安全系统
Figma 安全团队构建了一套基于 LLM Agent 的自动化系统，用于处理 Panther SIEM 告警并自动修复问题。该系统通过 RAG 层检索历史上下文、利用 Tines 编排智能体执行 Okta/Wiz/Snowflake 查询，并能自动生成 PR 修改检测规则或基础设施配置，显著降低人工介入需求。 
Figma 如何利用智能体保持漏洞防御领先
Figma 分享使用 AI Agent 进行代码安全审查的工程实践。核心在于先通过人工标注和回溯测试将 PR 审查的精确度提升至 70% 以上，再开放给开发者。他们构建了包含 68 个先例的策略文件作为威胁模型，并通过双模型（Claude Code 和 Codex）互补提高召回率。文章详细阐述了如何衡量精确度、召回率和修复率，以及如何利用 Bug Bounty 报告和误报反馈自动迭代策略，形成闭环。 
LocaleProof：在 Figma 中自动检测国际化文本溢出
LocaleProof 是一款 Figma 插件，通过模拟德语、芬兰语等长文本及伪本地化字符，自动检测设计稿中的文本溢出问题。它支持一键还原，且所有处理均在客户端完成，不发送网络请求。对于涉及多语言设计的团队，能显著减少手动检查布局的工作量。 
Notion 如何从失败边缘自救（2019）
Notion 创始人回顾 2015 年濒临破产时，团队搬迁京都从零重构产品的经历。文章详细拆解了其通过 Figma 进行多人实时协作、大量生成变体以优化体验的设计方法论，以及保留所有设计迭代记录以构建组织记忆的工程文化。对于关注产品设计流程、初创公司生存策略及低代码工具发展的读者，提供了具体的实战案例与避坑参考。
如何构建一个设计系统？
这是一篇来自 Figma 官方博客的设计系统构建指南。文章按步骤展开：第一步是打基础，包含明确目标、盘点现有 UI 和代码资产、寻找跨团队支持者、选择自建或采用现有框架、对齐公司目标、制定指导原则。第二步是定义基础元素，包括无障碍设计、配色方案、字体排版、阴影层次、图标体系、设计变量与样式、布局网格和间距规则。第三步是在 Figma 中实际搭建，强调将设计元素与已有代码组件对齐，利用组件属性和变量实现跨模式、跨主题的一致输出。全篇为标准的工具厂商教程式内容，结构清晰但缺乏个人经验和独特视角，信息多为行业通用知识，穿插了 Figma 自身功能推广和社区资源链接。 
Figma 设计助手
Figma 宣布推出内置 AI 设计助手（Figma Design Agent），直接集成在画布和左侧面板中，无需额外设置或切换上下文。该助手深度理解 Figma 的组件、设计令牌、变量和最佳实践，可帮助设计师快速探索多个设计方案方向、自动执行批量编辑（如全局替换字体、批量更新组件状态、统一命名规范）、填充真实内容，以及梳理和落实散布在评论中的反馈意见。文章还介绍了 Figma MCP 服务器的协同使用方式：MCP 负责代码层与画布之间的双向流转，而设计助手专注于画布内的直接编辑与迭代。该功能目前逐步开放 Beta 测试，面向 Professional、Organization 和 Enterprise 计划的 Full seat 用户，Beta 期间不消耗 AI 点数。 
PGKeeper：构建我们所需的 Postgres“门卫”
Figma 为应对 PgBouncer 在规模增长下的性能瓶颈，开发了新一代连接管理服务 PGKeeper。它采用 Go/gRPC 架构，实现了细粒度准入控制、优先级调度、连接池健康维护等核心能力，有效解决了高并发下连接 churn、负载不均和降级体验差等问题，支撑了 Figma 数据库系统的高可用与弹性扩展。 
Figma Make
Figma 推出 AI 设计工具 Figma Make，支持创意探索、高保真原型制作、设计系统一致性维护、AI 协作编辑及无代码应用开发，并与 Figma Sites 深度集成。
MCP的简要说明：为何上下文重要及如何应用
MCP协议让AI工具能获取设计上下文，提升代码生成准确性。它连接设计与开发流程，通过设计系统与代码库对接，实现往返式设计（roundtrip design），减少猜测并加速产品开发。文章详述了MCP对设计师、开发者和团队的价值。
Figma 3D Tilt：像“Firefox Tilt”一样为 Figma 打造的 3D 视图
Firefox had a 3D DOM inspector called Tilt. Edge DevTools had one too. Both got killed.The idea was good though. Pull the layers apart, see the structure spatially instead of reading a flat tree. It m...
代理，与Figma画布相遇
Figma推出MCP服务器beta版，让AI代理可直接操作设计文件，通过技能确保设计一致性。支持Claude Code等工具生成符合团队规范的设计资产，提升开发效率。 
Figma对组件实例的重构
Figma为应对设计系统复杂度增长，彻底重写组件实例底层架构，采用通用Materializer框架实现细粒度更新与系统解耦，显著提升性能并支撑新特性开发。
我打造了一个吐槽你Figma界面的AI
Figma plugin that uses LLMs to critique UI clarity and hierarchy.Includes a “roast” mode for blunt feedback. Interested in honest reactions.
Turn Figma Design into Detailed User Story
Sign up to get free credits
制作视频：我开发了一款Figma插件
Hey HN,I found myself wanting to animate different designs I’ve been creating in Figma, and every time I had to export each asset individually and import it into a video editor just to animate it. I g...
从 Claude Code 到 Figma：将生产级代码转化为可编辑设计稿
Figma 发布新功能，允许用户将 Claude Code 生成的生产代码界面直接导入 Figma 并转为可编辑设计稿，支持多屏流程、并行对比和团队协作，同时通过 Figma MCP 服务器实现设计到代码的反向流转，打通开发与设计的协作闭环。
设计的未来是代码与画布
Figma 发布新博客文章，阐述“设计的未来是代码与画布”的理念，重点介绍 Claude Code 到 Figma 的新功能，实现代码与设计工具的无缝协作，提升创意探索效率。
尼尔：自动人形 - Figma中的UI复刻
I built this for fun out of appreciation for the game. I hope you enjoy :)