Figma 四年前开始构建多人协作功能，最初并未采用流行的 Operational Transform (OT) 算法，而是选择构建更简单的自定义系统。这源于他们快速迭代的需求和对 OT 复杂性的顾虑。文章详细阐述了 Figma 多人协作系统的架构，包括客户端/服务器架构、WebSocket 通信、离线编辑能力以及数据同步机制。虽然受到 CRDT (Conflict-free Replicated Data Type) 的启发，但 Figma 的实现并非严格遵循 CRDT 的规范，而是利用其思想，结合中心化服务器的优势，构建了一个更高效、更简洁的系统。文章还对 OT 和 CRDT 进行了对比，并深入探讨了 Figma 数据结构的设计以及如何处理一些边缘情况。
阅读更多
设计协作平台Figma宣布将于2025年7月31日在纽约证券交易所上市，股票代码为“FIG”，发行价为每股33美元，共发行36,937,080股A类普通股。此次IPO包含Figma公司自身发行的股票和现有股东出售的股票。摩根士丹利、高盛、艾伦公司和摩根大通担任此次发行的联合主要承销商。Figma成立于2012年，从一个设计工具发展成为一个连接的、人工智能驱动的平台，帮助团队从创意到产品发布的全过程。
阅读更多
协同设计工具Figma宣布已向美国证券交易委员会（SEC）提交S-1表格的注册声明，计划进行首次公开募股（IPO），股票代码为“FIG”。此次IPO的具体发行股份数量和价格区间尚未确定，并受市场条件影响。摩根士丹利、高盛、艾伦公司和摩根大通将担任此次IPO的联席主承销商。Figma 成立于 2012 年，是一个协同设计平台，帮助团队将想法转化为数字产品。
阅读更多
这段代码呈现了一个异常复杂的、嵌套多层的HTML结构。如同迷宫一般，层层叠叠的div元素让人难以捉摸其背后的逻辑。这不禁让人联想到一些复杂的程序或网站架构，其内部的复杂性超乎想象。虽然代码本身没有实际内容，但其结构的复杂程度足以引发讨论。这是否是一种特殊的代码设计？抑或是程序错误导致的结果？
阅读更多
2010年，定制网站代表着设计师的数字名片。那时，开发者们利用HTML5的特性，创造出充满想象力的网页。但模板和自动化工具的兴起，让网站趋于同质化。如今，浏览器技术已取得长足进步，但许多设计师仍停留在旧的范式中。本文呼吁设计师们利用CSS新特性，如HSL和OKLCH颜色空间，以及容器查询等，突破模板的限制，创造更具表现力的网站，让网站不仅仅是信息容器，更是创意表达的空间。
阅读更多
Figma 团队分享了他们在不到 12 个月内将核心服务迁移到 Kubernetes 的经验。文章详细介绍了选择 Kubernetes 的原因，包括 ECS 的局限性、Kubernetes 生态的优势以及行业趋势。他们强调了迁移范围的确定，安全迁移的策略以及迁移后的改进。文章最后展望了未来的计划，包括改进网络堆栈、简化服务运行方式以及与开发者经验团队合作。
阅读更多
Figma Slides 是一款专为设计师及其团队打造的演示文稿工具，它结合了 Figma 的强大功能和 FigJam 的协作精神。该工具提供简单直观的界面、实时幻灯片、品牌化演示文稿模板、AI 驱动的写作工具以及与其他 Figma 产品的无缝集成等功能，使团队能够轻松创建引人入胜的演示文稿。
阅读更多
Figma 推出 Figma AI，这是一套旨在帮助设计师更高效、更具创意地工作的功能。Figma AI 提供增强搜索功能，包括视觉搜索和 AI 增强的资产搜索，以帮助设计师快速找到所需的设计或组件。此外，Figma AI 还提供一系列工具来自动化常见的设计任务，如图像编辑和生成、交互式原型设计，甚至图层命名。Figma AI 的目标是解决实际问题，并通过融入工作流程并由 AI 增强的工具来释放设计师的创造力。
阅读更多
本文讲述了一位 Figma 工程师如何寻找完美的数学公式来绘制 iOS 系统中特有的圆角矩形。作者详细介绍了从最初的超椭圆公式到最终采用三次贝塞尔曲线方案的探索过程，并阐述了每个方案的优缺点以及最终方案的选择理由。
阅读更多
Figma 文件通常很大很复杂，包含无数页面、库和本地组件以及原型屏幕。Figma 工程团队为了提升用户体验，通过动态页面加载的方式将最慢的加载时间缩短了 33%。文章介绍了 Figma 数据模型中的读取依赖关系、动态加载的实现方式、写入依赖关系的处理、最终方案的选择以及性能优化结果。
阅读更多
这篇博文详细介绍了 Figma 将其定制的编程语言逐步迁移到 TypeScript 的过程。从早期采用 TypeScript 作为一种类型检查工具，到最终完全编译掉其定制语言，Figma 团队分享了他们在迁移过程中的经验和教训。博文还探讨了 TypeScript 对 Figma 代码库的影响，包括提高了代码质量、减少了维护成本以及改进了开发人员体验。总体而言，这篇文章为希望将代码库迁移到 TypeScript 的其他公司提供了有价值的见解和最佳实践。
阅读更多
这篇博文来自 Figma 数据库团队，分享了他们如何应对规模扩展挑战的经验。文章涵盖了数据库架构设计、数据建模、查询优化、团队协作和监控等方面。博文重点强调了灵活、可扩展和可维护的重要性，并提供了具体示例和实践。
阅读更多