公司:figma
Figma是一个矢量图形编辑器和原型设计工具,主要基于网页进行工作,通过macOS或Windows的桌面应用程序可激活离线编辑功能。适用于Android和iOS的配套程序称为Figma Mirror,可以在移动设备上查看Figma原型。Figma的功能集着重于用户界面设计及用户体验设计,并强调即时协作。
How Figma put the bounce in spring animations
The physics behind spring animations.
How Figma’s multiplayer technology works
A peek into the homegrown solution we built as the first design tool with live collaborative editing.
Realtime Editing of Ordered Sequences
One of the problems we had to solve when we added multiplayer editing to Figma was supporting simultaneous editing of ordered sequences of objects.
Behind the feature: the hidden challenges of autosave
The technical challenges of updating our autosave system.
Inside Figma: a case study on strict null checks
A look at how we identify and address bugs.
How Mozilla’s Rust dramatically improved our server-side performance
How Mozilla’s new language dramatically improved our server-side performance.
Illuminating dark mode
Over the last couple of years, one feature emerged as our top user request: dark mode. Designers were tired of being assailed with a bright screen when working on Figma files late into the night, and studies have shown that people with visual impairments find dark mode more legible than light mode. (Visual contrasts are a core tenet of the W3C Accessibility Guidelines [WCAG] 3.0 standards, and we wanted to make sure our dark mode efforts satisfied those requirements.) That meant that delivering dark mode for us was more than just answering a user request—it mapped back to Figma’s core mission of making design accessible to all.
So, after months of toiling over the right approach, we shipped dark mode in May. Product Manager Jacob Miller and Product Designer Ryhan Hassan detailed the product and design challenges of implementing dark mode at Config 2022, our annual conference. Not only did dark mode surface thorny UI questions—which Jacob and Ryhan talked all about—it required a significant engineering lift. As they said in their talk, “One of the hardest things about dark mode is that people think it’s easy.”
The CSS behind Figma
A look at some interesting use-cases for CSS flexbox and grid in Figma app.
探索用Figma做游戏UI设计
纵观全网Figma基本都是To B 、To C类的产品应用,很少人会往这个游戏这个方向研究了,因此我开启了一段Figma针对扁平类游戏UI设计的探索之旅,结合Figma Config 2022姗姗来迟的AutoLayout 4.0的使用,以英雄联盟鲜明的海克斯科技风格代表性更高。
How to build a plugin system on the web and also sleep well at night
The solution we found helps us run Figma plugins in a safe way — i.e. not eval(UNTRUSTED_CODE).
设计提效——如何用Figma搭建系统组件库
组件库是一个强大的提效工具,对于设计师和开发来说有了统一的标准,输出的效率也会大大提高。对于团队来说能很好的提升产品的品牌感和体验,尤其在Figma强大特性的帮助下,将发挥更大的作用。
Figma插件开发
figma 插件开发从 0 到 1。
大型 Web 应用插件化架构探索
以微前端为引子,探讨Web 应用面临的类似问题。
[译 + 总结]不顾一切找圆角 —— Figma 实时平滑圆角方案探究
本文明晰的展示了 Figma 工程师是如何通过程序挑战,寻找最完美的问题解法。
[译]如何在 Web 上构建一个插件系统
原文:www.figma.com/blog/how-we…在 Figma,我们最近解决了迄今为止最大的工程挑战之一:支持插件。 我们的插件 API 使第三方开发人员可以直接在基于浏览器的设计工具中运行代码,因此团队可以使 Figma 适应自己的工作流程。他们可以用可访问性检查器测量对比度,用&