沐剑屏

前面调研过 D2C，也就是设计稿转代码，它的原理是 figma、sketch 等插件可以拿到设计稿的数据，因为是矢量设计稿，所以存储的是一个 JSON，类似这样： 而且这个...

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

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

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

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

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

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

imgcook 能够自动生成代码主要做两件事: 从视觉稿中识别信息，然后将这些信息表达成代码。 本质是通过设计工具插件从设计稿中提取 JSON 描述信息，通过规则系统、计算...

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

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

基于移动端调试工具 eruda 开发的一款 UI 高精度还原辅助工具，设计师验收页面利器。 原理是把设计图插入到页面中，降低设计图透明度。然后进行对比。...

前言 picker是一种最常见的前端组件，无论是日期选择、地区选择、计时器定时间都会用到，因为方便实用、大方美观而受到用户的喜爱。很多免费的组件库比如MintUI都提供了p...

最近接到了一个需求，需要通过第三方提供的 d.ts 文件来定义对应的 JS SDK 文件。原本的做法是纯手写，效率特别低下，因此思考能不能自动化生成……...

前言 哈喽，大家好，我是海怪。最近一周，我都在学习 Figma。 起因是看到一些好看的网页，总想自己实现一遍。但是，为了实现这个网页，又要搞脚手架、又要搜集图片素材、又要调...

自动生成changelog：使用版本自动化工具(standard-version)及辅助提交工具(commitizen)...

前言 目前电商平台的业务中，只要有商品，不可避免的会遇到 SKU 方面功能。这篇文章就从理论到实践，从商品创建到商品购买，手把手带你实现 SKU 相关的“核心算法”。 让我...

在实际开发中，往往会碰到一些场景，在一个鼠标滚轮滚动过一定位置的列表中，点击一个具体的列表项，跳到了这个列表项的详情页，当返回的时候，为了保持良好的用户体验，希望在回到列表...

图文无关什么是状态保存？假设有下述场景：移动端中，用户访问了一个列表页，上拉浏览列表页的过程中，随着滚动高度逐渐增加，数据也将采用触底分页加载的形式逐步增加，列表页浏览到某...