在两个月前我发布了设计标注工具 Figma Handoff，虽然帮助挺多人解决了设计标注的交付问题，但是也收到了不少吐槽。这其中最多的，就是说导出很慢，对于需要频繁导出的朋友来说很不友好。时间就是金钱，为了给大家节省金钱，我最近开发了一个 Figma 插件，以提高其导出速度。那么速度快了多少呢？反正我自己测试的时候还没反应过来它就好了，摸鱼的时间都不给我。口说无凭，我邀请我的沙雕好友超能铜草帽给我
## Figma与SwiftUI结合开发的方案
### 一、引言
随着现代UI设计工具的发展，设计者与开发者之间的协作变得更加紧密。Figma作为一种流行的界面设计工具，能够帮助团队快速制作高质量的UI界面。同时，SwiftUI作为苹果的最新界面框架，提供了更为直观和高效的方式来构建用户界面。本文将探讨如何将Figma与SwiftUI结合，实现高效开发。
### 二、具体问题
在本方案中，
前言据悉，8月18号将在广州举办中国第一届React开发者大会。今日早读文章由@Starrier翻译分享。正文从这开始～SVG 是优秀且令人难以置信的强大图像格式。本教程通过简单地解释所有需要了解的知识，为您提供 SVG 的概述。介绍尽管在 21 世纪初被标准化了，SVG（Scalable Vector Graphics的缩写）是近年来的一个热门话题。SVG 已经被糟糕的浏览器支持（尤其是 IE）
由于Sketch允许第三方插件，例如应用程序集成和数据提供，许多设计和开发人员喜欢将Figma文件导入Sketch，并将其转换为Sketch格式。但是令人头痛的是，Figma只支持Sketch文件的导入，而不支持Sketch文件的导出。这篇文章教你两种Figma转换Sketch文件的方法。方法一：使用第三方工具即时设计免费转换。即时设计是一款「专业UI设计工具」，不受平台限制，打开浏览器即可开始创
转载
2024-01-27 19:45:06
1810阅读
设计行业的工具层出不穷。在我看来，sketch它在一定程度上被颠覆了PS，如今sketch已成为许多设计团队的设计工具。 那么Figma相对于Sketch有哪些优点？有哪些不便？让我们从几个方面来了解一下。 两款软件非常适合创建UI和组件库。Sketch还增加了云、团队合作等功能，两款软件在设计行业也很受欢迎。目前，国内一些企业团队已经开始使用Figma协作设计，我自己的企业已经有团队开始使用了。
转载
2024-10-14 18:09:30
54阅读
作者 Juuun，是我与 Beforweb 的合作供稿。去年（2018）我转行做了交互设计师，一直在用 Sketch 进行设计，但是 Sketch 不便于交付，要借助其它工具把源文件转换为可以访问的链接；后来转为产品经理，我开始使用 Axure 制作原型，Axure 的一个问题是太重了，操作起来也不是那么顺滑，会影响到工作效率。虽然我也知道“工具并不重要，重要的是想法”，但不顺手的工具真的会浪费很
FigmaFigma 是最近才出的一款设计软件，我原以为它不过是又一个拿着「团队协作」当噱头，实际无法当作为生产力工具使用的玩具。然而在有限的几天时间试用后，我的想法改变了，比起玩票的前辈们，Figma 经历了相当的打磨，完成度很高。除了「实时协作」，还有「版本控制」、「矢量网络（Vector Network）」、全平台适配（基于 web ）等很棒的特性。更妙的一点是，如果你曾经使用过 Sketc
转载
2023-10-24 13:48:40
173阅读
最近发现达芬奇能读取psd的图层信息，以往要拿图层做MG动画，都要将分层单独导出，为了省去调整坐标和宽高的大小，导出的png都是1920x1080（视频是这个尺寸），这些工作都想在Figma里完成。Round One以往的经验是将整个画板（Frame）转成组件（Component），然后复制这个组件以生成画板实例（Instance），在实例中选中要屏蔽的图层 按⌘+X（Windows是Ctrl+X
转载
2024-01-27 21:08:57
2038阅读
1. 介绍2. 快速拖拽调整数值按住option可在数值上拖拽调整，不按option时只能在X/Y/W/H/旋转/圆角等的图标上拖拽调整，不能调整透明度的数值。3. 属性粘贴复制shift+X：互换填充和描边 选中图层的某个属性，然后cmd+C，则可复制这个图层特定的属性。 选中图层的某个属性，然后cmd+V，则可粘贴到这个图层特定的属性上。4. 列表切换&快速搜索option+1：切换到
转载
2024-09-01 19:47:46
260阅读
Figma 是一款备受网页和 UI 设计师喜爱的基于矢量的设计工具。其最大的优势在于方便用户与团队成员进行协作。当设计师需要与其他团队成员、设计师或客户共享设计文件时，设计师需要将设计图案导出为 PDF 格式以方便查看。同样地，当设计师需要将设计图稿打印出来时，也需要从 Figma 导出 PDF 格式的文件。那么，如果你想将设计图纸导出为 PDF 文件，应该怎么做？Figma 能导出 PDF 吗？
Figma[1] 是我最喜欢的设计工具，它把设计从本地带到云端，让设计协作成为可能，更重要的是可以通过 API 获取云端的设计数据[2]，让设计的工程化更加容易。而 GitHub 设计团队很早就开始使用 Figma 了，他们的设计师发布了一套如何从 Figma 自动生成图标的流程[3]。2018 年 GitHub 发布了 Actions，可以通过编写脚本自动化一些流程，借助于社区的力量，
转载
2024-07-02 10:02:15
135阅读
现在市场上有越来越多的设计工具，但真正易于使用的工具并不多。Figma是设计工具中的佼佼者。它在功能和界面上都非常出色，但Figma是一种全英文设计工具，对中国设计师来说并不友好。许多设计师想学习，但他们无法理解。他们眼中焦虑，心中焦虑。他们不会立即为您安排Figma教程。由于Figma功能太多，这里首先教你如何使用Figma导出图片。本地保存Figma文件在使用Figma导出图片之前，您需要首先
教你如何用神器快速搞定插画非科班出身的设计师经常有一个苦恼，每当想在界面上加一些插画丰富细节时，却因为不会手绘而放弃。最近发现一个非常好用插画神器。能自动生成各种你需要的插画形式，重点是这些插画都是可以免费商用的，肯定能帮到你。 它有Figma和sketch2个不同的版本，下面就以sketch为例来说说这个插件怎么用。(没有Mac电脑不能使用sketch的同学
Figma和Sketch是UI设计师常用的两款软件。Figma属于在线协作设计工具，而Sketch是一款本地应用程序。它们都有许多优点，深受许多设计师的喜爱。然而，在实际工作中，有时需要将这两种文件进行转换，例如将需要在Sketch中使用第三方插件的设计转换成Sketch格式。但是，Figma支持导入Sketch文件，却不支持导出Sketch文件。那么，如何解决这个问题呢？本篇文章将介绍三种将Fi
Figma 如何转为 Sketch 文件？巧了，刚好我对这个问题很熟悉，作为一个使用过 Figma 也使用过 Sketch 的人来说，我还蛮希望两个软件能够互相打通的，不过不管是 Figma 也好还是 Sketch 也好，两个设计软件，毕竟都算是竞品。所以两个软件之间直接的转换文件是不太可能的，要想将Figma 转为 Sketch 文件，需要采取迂回战术。我看网上有不少人都有自己的方法，我今天分享
转载
2024-10-12 16:11:03
95阅读
市场上设计工具层出不穷，Sketch、AdobeXD、Axure、InVision、Figma等都是优秀的设计工具，设计师经常面临如何从设计工具中导出文件的问题。Figma软件的导出功能非常强大，因为轻量化体验受到很多设计师的喜爱。如何保存导出Figma源文件比较简单！但是如何把Figma源文件保存为其它格式。这个时候就需要国产设计工具即时设计了。1. Figma怎么保存源文件打开Figma：首先
转载
2023-10-05 09:18:53
464阅读
WebAssembly （Wasm）是基于堆栈的虚拟机的二进制指令格式，一种低级汇编语言，旨在非常接近已编译的机器代码，并且非常接近本机性能。前面在文章《快速认识 WebAssembly》介绍过一些，本文再次介绍其优势和使用场景，通过代码体验 WebAssembly 项目开发的过程。简单地说，Wasm 是一个编译目标，可以使用大约 30 种语言编写的代码，使用特定于 WebAssembly 的工具
figma下载 Figma’s Auto Layout has been around for a while, but not everyone’s aware of the benefits it brings. It doesn’t replace constraints, they’re still very much needed. The trick is to use the ri
转载
2024-01-19 23:52:03
73阅读
figma 安装插件 (Top highlight) It’s no secret that Figma is now one of the flagships among the tools for creating designs and prototyping. Its advantage over Adobe XD or Sketch is that Figma is an onli
转载
2024-08-06 20:38:15
84阅读
什么是Figmahttps://www.figma.comFigma是一个矢量图形编辑器和原型设计工具，主要基于网络，并通过macOS和Windows的桌面应用程序实现额外的离线功能。适用于Android和iOS的Figma移动应用程序允许在移动设备上实时查看和互动Figma原型。Figma的功能集主要用于用户界面和用户体验设计，并强调实时协作。历史由来迪伦-菲尔德(Dylan Field)迪伦-
