设计行业的工具层出不穷。在我看来，sketch它在一定程度上被颠覆了PS，如今sketch已成为许多设计团队的设计工具。 那么Figma相对于Sketch有哪些优点？有哪些不便？让我们从几个方面来了解一下。 两款软件非常适合创建UI和组件库。Sketch还增加了云、团队合作等功能，两款软件在设计行业也很受欢迎。目前，国内一些企业团队已经开始使用Figma协作设计，我自己的企业已经有团队开始使用了。
转载
2024-10-14 18:09:30
54阅读
作者 Juuun，是我与 Beforweb 的合作供稿。去年（2018）我转行做了交互设计师，一直在用 Sketch 进行设计，但是 Sketch 不便于交付，要借助其它工具把源文件转换为可以访问的链接；后来转为产品经理，我开始使用 Axure 制作原型，Axure 的一个问题是太重了，操作起来也不是那么顺滑，会影响到工作效率。虽然我也知道“工具并不重要，重要的是想法”，但不顺手的工具真的会浪费很
由于Sketch允许第三方插件，例如应用程序集成和数据提供，许多设计和开发人员喜欢将Figma文件导入Sketch，并将其转换为Sketch格式。但是令人头痛的是，Figma只支持Sketch文件的导入，而不支持Sketch文件的导出。这篇文章教你两种Figma转换Sketch文件的方法。方法一：使用第三方工具即时设计免费转换。即时设计是一款「专业UI设计工具」，不受平台限制，打开浏览器即可开始创
转载
2024-01-27 19:45:06
1810阅读
前言据悉，8月18号将在广州举办中国第一届React开发者大会。今日早读文章由@Starrier翻译分享。正文从这开始～SVG 是优秀且令人难以置信的强大图像格式。本教程通过简单地解释所有需要了解的知识，为您提供 SVG 的概述。介绍尽管在 21 世纪初被标准化了，SVG（Scalable Vector Graphics的缩写）是近年来的一个热门话题。SVG 已经被糟糕的浏览器支持（尤其是 IE）
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 如何转为 Sketch 文件？巧了，刚好我对这个问题很熟悉，作为一个使用过 Figma 也使用过 Sketch 的人来说，我还蛮希望两个软件能够互相打通的，不过不管是 Figma 也好还是 Sketch 也好，两个设计软件，毕竟都算是竞品。所以两个软件之间直接的转换文件是不太可能的，要想将Figma 转为 Sketch 文件，需要采取迂回战术。我看网上有不少人都有自己的方法，我今天分享
转载
2024-10-12 16:11:03
95阅读
# Android 导出 SVG 图像的完整指南
在移动应用开发中，SVG（可缩放矢量图形）因其可缩放性、不失真以及文件大小小等优点而得到广泛应用。本文将介绍如何在 Android 应用中导出 SVG 图像，同时提供一些实践代码示例，帮助开发者更好地理解这一过程。
## 什么是 SVG？
SVG 是一种基于 XML 的矢量图像格式，通常用于创建图形用户界面和图标。与传统的位图格式（如 PNG
Android Studio 和 Figma 是两种常用的设计和开发工具，其中都支持使用 SVG（Scalable Vector Graphics）进行矢量图形的绘制和编辑。然而，尽管二者都支持 SVG，但在使用上却存在一些不同之处。本文将详细解释 Android Studio 和 Figma 中 SVG 的差异，并提供相应的代码示例进行说明。
## 1. SVG 简介
SVG 是一种基于 X
原创
2024-01-06 09:22:27
232阅读
最近发现达芬奇能读取psd的图层信息，以往要拿图层做MG动画，都要将分层单独导出，为了省去调整坐标和宽高的大小，导出的png都是1920x1080（视频是这个尺寸），这些工作都想在Figma里完成。Round One以往的经验是将整个画板（Frame）转成组件（Component），然后复制这个组件以生成画板实例（Instance），在实例中选中要屏蔽的图层 按⌘+X（Windows是Ctrl+X
转载
2024-01-27 21:08:57
2038阅读
在两个月前我发布了设计标注工具 Figma Handoff，虽然帮助挺多人解决了设计标注的交付问题，但是也收到了不少吐槽。这其中最多的，就是说导出很慢，对于需要频繁导出的朋友来说很不友好。时间就是金钱，为了给大家节省金钱，我最近开发了一个 Figma 插件，以提高其导出速度。那么速度快了多少呢？反正我自己测试的时候还没反应过来它就好了，摸鱼的时间都不给我。口说无凭，我邀请我的沙雕好友超能铜草帽给我
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和Sketch是UI设计师常用的两款软件。Figma属于在线协作设计工具，而Sketch是一款本地应用程序。它们都有许多优点，深受许多设计师的喜爱。然而，在实际工作中，有时需要将这两种文件进行转换，例如将需要在Sketch中使用第三方插件的设计转换成Sketch格式。但是，Figma支持导入Sketch文件，却不支持导出Sketch文件。那么，如何解决这个问题呢？本篇文章将介绍三种将Fi
# Android如何导出SVG文件的项目方案
## 概述
在现代软件开发中，SVG（可缩放矢量图形）因其优良的可缩放性和高保真度，越来越受到开发者的青睐。尤其在Android开发中，导出SVG图像不仅可以提升应用的图像质量，还能减少图像文件占用的存储空间。本文将提出一个基于Android平台的SVG导出方案，并通过代码示例和类图、序列图来帮助理解。
## 需求分析
该项目的目标是实现一个
# 如何将 Android 向量图导出为 SVG 格式
在Android开发中，经常需要将向量图（Vector）转换为SVG格式，以便于在各个平台上进行更为广泛的使用。SVG（Scalable Vector Graphics）是一种可伸缩的矢量图形格式，能够完美适应不同分辨率，适合网页应用和图形设计等场景。本文将介绍如何将Android中的向量图导出为SVG格式。以下是整个流程的概述：
##
如何将excel数据转换成arcgis数据？arcmap 菜单栏的tool下有一add xy data,如图所示开后选择你的excel及的sheet，然后分别选择x坐标(经度)y坐标(纬度)以及你的数据值，特别强调，经度和纬度的标题必须是X 和Y，否则不能正常导入,最后选择WGS84的坐标系统，这个也是必须的。如果你的坐标是其他坐标系统或者投影，请对应选择，
笔者开源了一个Web思维导图[1]，在做导出为图片的功能时走了挺多弯路，所以通过本文来记录一下。思维导图的节点和连线都是通过 svg渲染的，作为一个纯 js 库，我们不考虑通过后端来实现，所以只能思考如何通过纯前端的方式来实现将svg或html转换为图片。使用img标签结合canvas导出我们都知道 img 标签可以显示 svg，然后 canvas 又可以渲染 img，那么是不是只要将svg渲染到
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阅读
正文从这开始~~Figma 是我最喜欢的设计工具，它把设计从本地带到云端，让设计协作成为可能，更重要的是可以通过 API 获取云端的设计数据，让设计的工程化更加容易。而 GitHub 设计团队很早就开始使用 Figma 了，他们的设计师发布了一套如何从 Figma 自动生成图标的流程。2018 年 GitHub 发布了 Actions，可以通过编写脚本自动化一些流程，借助于社区的力量，我们可以轻松
转载
2023-11-16 11:37:22
149阅读
WebAssembly （Wasm）是基于堆栈的虚拟机的二进制指令格式，一种低级汇编语言，旨在非常接近已编译的机器代码，并且非常接近本机性能。前面在文章《快速认识 WebAssembly》介绍过一些，本文再次介绍其优势和使用场景，通过代码体验 WebAssembly 项目开发的过程。简单地说，Wasm 是一个编译目标，可以使用大约 30 种语言编写的代码，使用特定于 WebAssembly 的工具
