设计软件:Figma
在设计系统中维护图标库——Figma 用户的实用技巧
设计系统中图标库的维护至关重要,Figma用户可通过合理组织、管理和更新图标库提升效率。字体图标和SVG图标各有优劣,需根据项目需求选择。图标尺寸需适应不同设备,自适应图标和响应式图标设计能优化显示效果。Figma中图标组件的设置应保持层级一致,使用扁平化设计,并设置缩放约束。双色图标可通过叠加图层实现,需注意切换时的颜色初始化问题。
从零打造 AI 设计智能体
在设计产业中,虽然设计师和产品经理的角色各有不同,但两者之间的界限正变得日益模糊。设计师在考虑用户体验和产品功能的同时,产品经理也被要求具备一定的设计思维。今天,我们将探讨在设计思维转型为产品开发的过程中,如何打造一款简化创意流程的灵感设计插件工具。
The infrastructure behind AI search in Figma
A behind the scenes look at the technical problems we faced and how we solved them.
A year with Dev Mode: 10 lessons from an engineering manager
After integrating Dev Mode into our design system workflow, I’ve gathered several insights to help teams navigate this powerful tool. Here are my top takeaways.
百度&YY设计稿转代码的探索与实践
Figma & AI相结合生成开发代码的一站式解决方案。
如何用figma中的插件完成3D效果饼图
如何用figma中的插件完成3D效果饼图,济南UI设计师,站酷网,中国设计师互动平台.
Figma 零基础实操分享
阅读时长 8 分钟,适合听说过Figma并且想尝试某些功能,无从下手的同学
How Figma’s databases team lived to tell the scale
Our nine month journey to horizontally shard Figma’s Postgres stack, and the key to unlocking (nearly) infinite scalability.
How we built a custom permissions DSL at Figma
When our permissions system broke at the seams, everything came to a halt. This is the story of how we fixed it.
Improving performance with incremental frame loading
Large prototypes took minutes to load, and users took notice. Here’s how we overhauled our prototype player to improve load time and stability.
系统级颜色色卡制作的秘密,从理论到实践全解析!还能解锁Figma新功能
配色系统是设计系统的核心元素,创建配色系统的方法有很多种。例如,根据谷歌 Material Design 3 指南,一个设计系统必须具有主色、次要色、三级色和表面色(各种背景色)调色板,这将迫使你使用超过 40 种颜色。这么多的颜色会导致混乱,在设计过程中的会有干扰,大多数颜色甚至不会被使用。
设计系统是公司的核心产品,其用户是设计、开发和创意团队。因此,设计系统必须为所有人理解,为团队使用,为测试提供错误检查,并为公司盈利。我一直在努力实现这些目标,并因此改进了一种提供这些功能的配色系统。
Adobe 是如何让竞争对手消失的?
追赶者才会差异化竞争,头部则直接“劫杀”。
如何管理设计团队 Figma 文件
随着业务发展、产品迭代和团队规模不断壮大,如何高效管理不断积累的设计稿件、提升协作效率成为团队管理规范化不可缺失的一环。本文将分享笔者制定团队 Figma 文件管理规范的经验,每个团队的实际情况不同,希望能为大家提供一些解决问题的思路。
用 Figma 搭建可装配设计系统。
以全新的思路与手段构建高度自由、可复用、可扩展的设计系统。
给设计师的 Design Token 指南(运用策略篇)
如何更科学地在 Figma 和 Sketch 中运用 design token?