sketch怎么传到ps_2020年从Sketch移植到Figma的详细指南

sketch怎么传到ps

As we’re locked up in our homes due to COVID-19 pandemic, many of us are working remotely and Figma is a go-to tool for designers for the same.

由于COVID-19流行病使我们被关在家里,我们中的许多人都在远程工作,而Figma是设计师使用该工具的首选工具。

There are tons of reasons available online that may convince you to switch from Sketch to Figma, but today I’ll guide you in a journey where

网上有很多原因可以说服您从Sketch切换到Figma,但是今天我将指导您进行以下操作:

  1. You have recently switched or

    您最近已切换或
  2. Thinking of switching quickly, but afraid of learning a new tool.

    考虑快速切换,但害怕学习新工具。

好处 (Benefits)

  1. Cloud-based

    基于云的
  2. Platform independent (you can use Figma on Windows, Mac or in any browser)

    与平台无关(您可以在Windows,Mac或任何浏览器中使用Figma)
  3. Figma is free for 2 projects and multiple files

    Figma免费提供2个项目和多个文件
  4. Multiuser collaboration

    多用户协作
  5. Single tool to Brainstorm, Wireframing, Visual Design, Handoff, Prototype, Managing Design Systems

    头脑风暴,线框图,视觉设计,切换,原型,管理设计系统的单一工具
  6. More control over Artboards (Frames) — Read my article on how to select a perfect artboard size

    更好地控制画板(框架)— 阅读有关 如何选择理想画板尺寸的文章

  7. Clipping available on nested frames

    可在嵌套框架上进行裁剪
  8. Multi-Grids and grids inside nested frames

    嵌套框架内的多重网格和网格
  9. Components are much easier to use compared to symbols in Sketch

    与Sketch中的符号相比,组件更易于使用
  10. Auto-Layout, Search document color and text styles, and much more…

    自动布局,搜索文档颜色和文本样式等等。

您需要切换什么? (What do you need to switch?)

  1. If you want your old Sketch files, save your files (.sketch will work, so no need to convert into svg or fig)

    如果您希望使用旧的Sketch文件 ,请保存文件(.sketch可以使用,因此无需转换为svg或fig)

  2. Figma account — Signup here (if you’re new)

    Figma帐户— 在这里注册 (如果您是新用户)

That’s it… you’re good to go.

就是这样...你很好。

新界面🤯 (New interface 🤯)

What should I do now?

我现在应该怎么办?

Figma is pretty complex in the first go, let me try to explain it simply via a hierarchy system.

首先,Figma非常复杂,让我尝试仅通过层次结构系统来解释它。

Image for post

After signup, you’ll be asked to create a team and select a plan to upgrade,

注册后,系统会要求您创建一个团队并选择升级计划,

  • If you wish to upgrade to an organization plan, you can create multiple teams and multiple projects.

    如果您希望升级到组织计划,则可以创建多个团队和多个项目。
  • If you wish to upgrade to a professional plan, you can create only 1 team with multiple projects and for other teams, you have to pay separately.

    如果您想升级到专业计划,则只能创建一个包含多个项目的团队,而对于其他团队,则需要单独付费。
  • If you wish to remain at free plan, you will be restricted to create 2 projects at max in a single team.

    如果您希望保持免费计划,则只能在一个团队中最多创建2个项目。

将草图文件导入到Figma Project (Importing a Sketch file to Figma Project)

Remember, I mentioned to save your sketch file?

还记得我提到过要保存您的草图文件吗?

Well, now you have to drag and drop into any of your Figma project and it will automatically convert it into usable Figma file.

好了,现在您必须拖放到任何Figma项目中,它将自动将其转换为可用的Figma文件。

Image for post
Importing .sketch file to Figma by dropping into a project
通过放入项目将.sketch文件导入到Figma

框架到底是什么? (What the heck are Frames?)

You’ll see all of your device artboards are now converted into Frames and you see a lots of new nested ones inside main frame.

您会看到所有设备画板现在都已转换为Frames,并且在主框架中看到了许多新的嵌套图板。

This is why Figma is best when you’re designing for scalable products.

这就是为什么当您为可伸缩产品设计时,Figma最佳。

Subscribe to appy013.design
订阅appy013.design

I’ve explained Frames vs Artboards in one my video of Figmatch series on my YouTube channel — appy013.design

我已经在我的YouTube频道上的Figmatch系列视频中之一解释了Frames vs Artboardsappy013.design

多用户协作 (Multiuser collaboration)

You read it correct! Multiuser 🤩

您没看错! 多用户🤩

It gives you a feel, like you’re playing a multiplayer game with your ninjas.

它给您一种感觉,就像您与忍者一起玩多人游戏一样。

Image for post
FigmaFigma上的多用户协作

You can invite multiple designers, developers and reviewers to work simultaneously on a single file in real-time.

您可以邀请多个设计人员,开发人员和审阅者实时同时处理单个文件。

It’s easy to get feedback on your designs with Comments on Figma

借助对Figma的评论,很容易就您的设计获得反馈

Image for post

As Figma runs technically on any device so, it’s easy to ask for feedback from your team who are even on an iPad or Mobile devices.

由于Figma从技术上讲可以在任何设备上运行,因此很容易从甚至在iPad或移动设备上的团队那里获取反馈。

还有什么? (What else?🤔)

I’ll be continuing this article in next part/s for further explanation of

我将在下一部分继续本文,以进一步解释

  • Masking in Figma

    Figma中的遮罩
  • Auto Layout

    自动版面
  • Prototyping and Handoff in Figma or

    Figma中的原型和移交或

anything you want to learn

任何你想学的

If you liked my article, connect with me over LinkedIn and say “Hi 👋”.

如果您喜欢我的文章,请通过LinkedIn与我联系,然后说“嗨👋”。

Buy me a Ko-Fi ☕ to keep me motivated.

给我买一个 Ko- Fi☕,以保持动力。

You can write to me directly via WhatsApp or find me on Instagram or Dribbble as @appy013

您可以直接通过WhatsApp给我写信,也可以在Instagram或Dribbble上以@ appy013的身份找到我

翻译自: https://uxdesign.cc/an-ultimate-guide-to-port-from-sketch-to-figma-in-2020-d3da79b40008

sketch怎么传到ps

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274890.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

还没搭建过Vue3.x项目?几行代码搞定~

大家好,我是若川。持续组织了6个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列相信现…

一步步创建 边栏 Gadget(二)

相信使用上篇中创建的边栏Gadget之后,大家会很郁闷。难道视频窗口就那么小吗?看起来真费劲。我能通过该Gadget看着一部电视剧。而不能够定制自己需要的或者想要看的电视剧。 在上一篇一步步创建 边栏 Gadget(一)中,我们…

tableau 自定义图表_一种新的十六进制美国地图布局的案例-Tableau中的自定义图表

tableau 自定义图表For whatever reason, 无论出于什么原因 maps are cool. Even though the earth has mostly been the same since those 地图很酷 。 即使自Pangaea days, we humans make and remake maps constantly. It might be that old maps remind us of how things …

2022,前端工具链十年盘点

大家好,我是若川。持续组织了6个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列2021 …

书籍排版学习心得_为什么排版是您可以学习的最佳技能

书籍排版学习心得重点 (Top highlight)I was introduced to design in a serpentine fashion. I don’t have any formal training. Instead, I’ve learned everything through the Web, books, and by interacting with designers daily.我被介绍为蛇形设计。 我没有任何正规…

若川的 2021 年度总结,弹指之间

1前言从2014年开始,每一年都会写年度总结,已经坚持了7个年头。7年的光阴就是弹指之间,转瞬即逝。正如孔子所说:逝者如斯夫,不舍昼夜。回顾2014,约定2015(QQ空间日志)2015年总结&…

线框图用什么软件_为什么要在线框中着色?

线框图用什么软件I was recently involved in a debate around why some wireframes (which were definitely not UI screens) were not 100% greyscale. This got me thinking — when is it ok to use colour in wireframes, and when is it going to cause you problems fur…

Linux 内核

Linux 内核是一个庞大而复杂的操作系统的核心,不过尽管庞大,但是却采用子系统和分层的概念很好地进行了组织。通过本专题,我们可以学习 Linux 的分层架构、内核配置和编译、内核性能调试和 Linux 2.6 中的许多提升功能。Linux 内核组成 Linux…

给asterisk写app供CLI调用

环境:CentOS6.2 Asterisk 1.8.7.1 一、添加源文件 复制app_verbose.c为app_testApp.c 复制app_verbose.exports为app_testApp.exports 主要是修改一些标识,编译不会出错就行,这里列出我进行的主要修改。 1、添加头文件 #include "aster…

前端,校招,面淘宝,指南

大家好,我是若川。持续组织了6个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列虽然是…

qq空间网页设计_网页设计中负空间的有效利用

qq空间网页设计Written by Alan Smith由艾伦史密斯 ( Alan Smith)撰写 Negative space is a key design element that you may come across in the fields of art, architecture, interior design, landscaping and web design. Rather than serving as awkward, empty areas …

Git 和 GitHub 教程——版本控制入门

大家好,我是若川。持续组织了6个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列Learn…

matlab中的:的优先级_内容早期设计:内容优先

matlab中的:的优先级By Simone Ehrlich, Content Strategy Manager由 西蒙埃利希 ,内容策略经理 Words are cheap. Cheaper than wires; cheaper than mocks. That doesn’t mean words aren’t important, just less expensive to produce as a design asset. So …

我真的哭了,哭过后呢(-)

这些是山区的孩子们! 这是他们的教室。这个也算是!如此的师资力量自己解决吃饭问题冬天到了,一起烤烤火与泥土污水一起还好,最大的数字只是10老师抱着孩子来给我们上课了不知道山那边会是什么呢?又一双充满了渴望的大眼…

脑裂问题解决方案_从解决方案到问题

脑裂问题解决方案Once upon a time a couple of years ago, one of my mentors (and favourite people in the world) repeatedly drilled the idea above into my brain. Her advice for Product people was to “fall in love with the problem, not the solution”. At the …

Vue.js 官方团队成员霍春阳新作,深入解析 Vue.js 设计细节【文末送书】

霍春阳(Hcy),Vue.js 官方团队成员。专注于 Web 研发领域,是 Vue.js 3 的核心贡献者之一,Vue.js 文档生成工具 Vuese 的作者,技术社区活跃者,曾撰写大量颇受好评的技术博客。经过一年的准备&…

LINQ之路 5:LINQ查询表达式

书写LINQ查询时又两种语法可供选择:方法语法(Fluent Syntax)和查询表达式(Query Expression)。 LINQ方法语法的本质是通过扩展方法和Lambda表达式来创建查询。C# 3.0对于LINQ表达式还引入了声明式的查询表达式&#xf…

调查谋杀案以换取Obra Dinn

回顾性 (RETROSPECTIVE) I am not sure if this is intentional, but Lucas Pope has a knack for turning the mundane into something special. This was evident in his release of Papers Please. In that game, you’re a border patrolman trying to provide for your fa…

9年前的大一,我们这样为女生过37女生节【祝节日快乐】

这是一篇水文~没啥目的,若说要有,就是希望大家参加源码共读学起来。公众号后台显示所有读者朋友中大约有23%的女生。前端工程师中女生应该占比相对多些。祝关注我公众号的女生3.7女生节快乐,大部分公司明天应该都有半天假期。可以留言大学时你…

requests模块发送带headers的Get请求和带参数的请求

1.在PyCharm开发工具中新建try_params.py文件; 2.try_params.py文件中编写代码: import requests#设置请求Headers头部header {"User-Agent" : "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0;"}#请求输入参数p…