沐剑屏

这篇文章总结了一些从前端角度出发的使用技巧，如果你是一名前端开发者，那么这篇文章对于使用 Figma 一定会有所帮助。

我们必须了解对方工具的可能性和局限性，才能携手合作，所以让我向您展示设计方面的东西，以及您可能还不完全了解的所有Figma小宝贝。 我们在 Figma 中使用组件和变体。 我们在 Figma 中使用样

本文主要介绍 抖音前端架构团队 Semi D2C 中后台设计稿转代码的探索历程，落地案例，与其他方案的差异，技术方案实现原理 / 难点。

本文基于：【草帽老师-Figma新功能教学：Variants】 认识新功能-Variants 看一下下面的四个 按钮 他们被分为两组，分别是 灰色按钮 和 粉色按钮，而每一组的按钮又分为 有边框 和

长期以来，前端设计协同存在两大痛点：沟通成本高、局部效率低。为此，网易云音乐对现有的协同流程进行解构，提出了基于 C2D2C（Design2Code2Design）的无损设计协同

脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）​、控制台（Console）页、​源代码（Sources）、网络（Network）、性能优化..

imgcook 能够自动生成代码主要做两件事: 从视觉稿中识别信息，然后将这些信息表达成代码。 本质是通过设计工具插件从设计稿中提取 JSON 描述信息，通过规则系统、计算机视觉和机器学习等智能还原技术对 JSON 进行处理和转换，最终得到一个符合代码结构和代码语义的 JSON…

如意设计助手，支持使用代码组件库进行设计；支持 Design tokens 最佳实践落地，Figma 内轻松切换主题与深浅模式；连接团队设计资产，自动化交付图标组件；交付对开发人员友好的组件代码。

最近这几年低代码这个词很火， 那低代码或者无代码技术目前有哪些应用场景呢？其底层的技术是什么样的？其如何与当今大火的 AIGC 结合呢？