figma下载

Being an intuitive and user-friendly tool and having the possibility of real-time collaboration are some of the main reasons people choose to use Figma. But the migration process to Figma may sometimes be painful or time-consuming.

人们选择使用Figma是主要原因,它是一种直观且用户友好的工具,并且可以进行实时协作。 但是迁移到Figma的过程有时会很痛苦或耗时。

That’s probably why many design teams decide not to do it or postpone the migration to Figma.这可能就是为什么许多设计团队决定不这样做或将迁移推迟到Figma的原因。

In the past 2 years, I have had the opportunity to lead two migration processes from Sketch/Abstract/Zeplin to Figma. I have faced two different setups: the first one was at C6 Bank with more than 30 designers and the second one has been at Chama App, where currently our design team has 9 people.

在过去的两年中,我有机会领导了从Sketch / Abstract / Zeplin到Figma的两个迁移过程。 我遇到了两种不同的设置:第一种是在C6 Bank拥有30多名设计师,第二种是在Chama App中 ,目前我们的设计团队有9人。

In both cases, we have faced problems. Some were quite similar, but others were unexpected. Based on that, I would like to share with you some tips I learned in both cases that will definitely help your team in this migration process.

在这两种情况下,我们都面临问题。 有些非常相似,但其他却出乎意料。 基于此,我想与您分享我在这两种情况下学到的一些技巧,这些技巧必定会在迁移过程中为您的团队提供帮助。

1.制定计划 (1. Make a Plan)

You need to set a date to start and finish this process, create steps, and define your team’s priorities. There’s no use creating cover pages for projects in Figma if no one will ever understand how things are organized.

您需要设置一个日期来开始和完成此过程,创建步骤并定义团队的优先级。 如果没人能理解事物的组织方式,那么在Figma中为项目创建封面是没有用的。

It’s about having a goal, not a cover page.

这是关于有目标,而不是封面。

1.1映射当前工作流程 (1.1 Mapping the current workflow)

First of all, observe and map your team’s current workflow. Do not start creating a new workflow or organization directly in Figma, try answering questions like these beforehand:

首先,观察并绘制团队当前的工作流程。 不要开始直接在Figma中创建新的工作流程或组织,请尝试事先回答以下问题:

  • How many teams/squads do we have?我们有多少支球队/小队?
  • How many projects/products do we have?我们有多少个项目/产品?
  • How do we organize the design team?我们如何组织设计团队?
  • How is the current workflow for developers/POs?开发人员/ PO的当前工作流程如何?
  • Which plugins are we using?我们正在使用哪些插件?
  • How many UI libraries do we have? How are they organized?我们有几个UI库? 他们是如何组织的?
  • What are our current pains and gaps in this workflow?我们目前在此工作流程中遇到的困难和差距是什么?

1.2盘点哪些是必需的 (1.2 Make an inventory of what is essential)

The process change is the best opportunity we have to decide what to keep with us and what to leave behind. Everyone has left a chair or table at the old house in order to buy a better one for the next home.

流程更改是我们必须决定与我们保持什么和留下什么最好的机会。 每个人都在老房子里留下了椅子或桌子,以便为下一个房屋购买更好的椅子或桌子。

Leave behind what you and your team have mapped as an old/bad habit and take this opportunity to try new approaches, in the case of Figma, learn about plugins, community libraries, etc.

抛弃您和您的团队已将其映射为旧习惯/坏习惯的方式,并借此机会尝试新方法,例如Figma,了解插件,社区库等。

This is a simple example of how to create a list of your design files sorted by priority vs effort and get an average. Where 1 it's low priority/effort and 5 it's hight priority/effort.

这是一个简单的示例,说明如何创建按优先级与工作量排序的设计文件列表并获得平均值。 其中1是低优先级/工作量,而5是高优先级/工作量。

The goal is that you get a variable of priority and effort for each item. Then you can do, for example, some planning poker with your team to find out what are the priority things that will be migrated to Figma.

目标是为每个项目获得一个优先级和工作量变量。 然后,例如,您可以与团队一起做一些计划扑克,以找出将要迁移到Figma的优先事项。

You can use different variables and different ways to separate the file list.

您可以使用不同的变量和不同的方式来分隔文件列表。

1.3创建迁移阶段 (1.3 Create migration phases)

A common question I heard in both cases was “Do I need to recreate all the screens in Figma?” and my answer for this is “not exactly”. Everything will depend on your goals and how you plan this migration.

我在这两种情况下都听到的一个常见问题是“是否需要在Figma中重新创建所有屏幕?” 我对此的回答是“不完全”。 一切都取决于您的目标以及如何计划此迁移。

For example, you can try to migrate everything in one month or one week, but in both cases, you will realize that it doesn’t make sense and your team still needs some components, branding assets, icons, etc.

例如,您可以尝试在一个月或一周内迁移所有内容,但在两种情况下,您都将意识到这没有任何意义,并且您的团队仍然需要一些组件,品牌资产,图标等。

As a project, this migration needs to have an MVP (minimum valuable product). Getting your priority file list and defining the releases that you can work on is more useful than having a date for all the migration process, so you’d better set a date to these releases instead.

作为一个项目,此迁移需要具有MVP(最低价值的产品)。 获取优先级文件列表并定义可以使用的发行版比为所有迁移过程指定日期更为有用,因此最好为这些发行版设置一个日期。

2.定义工作流程 (2. Define a workflow)

We have a lot of possibilities of how to organize teams/projects/files in Figma. One of the advantages of that is having everything in one place in a collaborative way.

关于如何在Figma中组织团队/项目/文件,我们有很多可能性。 优点之一是将所有内容以一种协作的方式放在一个地方。

As I said before, to define the best organization process for your team, you previously need to have mapped your current workflow, found the gaps, and figured out how you can do make this work in a more productive way in Figma.

如前所述,要为团队定义最佳的组织流程,您以前需要绘制当前的工作流程,找出差距,并弄清楚如何在Figma中以更有效的方式进行这项工作。

2.1工作区 (2.1 Workspaces)

In your workspace on Figma you can have only one team organized per products, then arrange them per feature, flow, or OS for example.

在Figma上的工作区中,每个产品只能组织一个团队,然后按功能,流程或操作系统进行排列。

We have used this approach at Chama and it has worked well for the current moment we face and the team size we have.

我们在Chama使用了这种方法,并且在当前所面对的时刻以及我们拥有的团队规模方面都非常有效。

If your design teams are organized according to sub-products or if your company is holding different products in a centralized design management way, this second approach is probably more useful for you.

如果您的设计团队是根据子产品组织的,或者您的公司以集中式设计管理方式持有不同的产品,则第二种方法可能对您更有用。

As you see in the picture above, you can have multiple teams/products/squads and subdivide them into sub-products/ projects/tracks in Figma. You can also have an entire team for the core design system and link the libraries across the teams/products/squads.

如上图所示,您可以拥有多个团队/产品/小组,然后在Figma中将它们细分为子产品/项目/轨道。 您也可以为核心设计系统配备一个完整的团队,并在团队/产品/团队之间链接库。

Spotify has a good example of how to organize the workspace in Figma for a large design team.

Spotify有一个很好的示例,说明了如何为大型设计团队在Figma中组织工作区。

figma下载_迁移至Figma相关推荐

  1. figma下载_何时在Figma中使用组或框架

    figma下载 Groups and Frames have very different uses in Figma, but it's difficult at first to tell why ...

  2. figma下载_素描vs Figma困境

    figma下载 I distinctly remember how much hatred I had in my heart when I lived through my first UI upd ...

  3. figma下载_搬到Figma对我意味着什么

    figma下载 A couple of years ago, amidst the boom of new design and prototyping software, I was pretty ...

  4. figma下载_不用担心Figma中的间距

    figma下载 重点 (Top highlight) I spend way too much time caring about spacing when designing interfaces ...

  5. figma下载_切换到Figma并在其中工作不必是火箭科学,这就是为什么

    figma下载 We have seen Elon Musk and SpaceX making Rocket Science look like a child's play. In the sam ...

  6. figma下载_我关于Figma文件封面的故事

    figma下载 It was 8:40 AM in the morning. I woke up from the bed as my subconscious memory reminded me ...

  7. figma下载_如何在Figma中创建逼真的3D对象

    figma下载 by Gbolahan Taoheed Fawale 通过Gbolahan Taoheed Fawale 如何在Figma中创建逼真的3D对象 (How to create reali ...

  8. figma下载_通过构建7个通用UI动画来掌握Figma中的动画

    figma下载 Originally published on my personal blog. 最初发布在我的 个人博客上 . Most designers will spend many hou ...

  9. figma下载_在Figma上进行原型制作的各种触发选项

    figma下载 Prototypes are model versions of digital products. They're used to measure usability by test ...

最新文章

  1. php中mysql_PHP中MySQL操作
  2. SpringMVC必备的jar包
  3. APP市场火热的背后 云计算技术不是核心竞争力
  4. outdated: 17.2D Texture Font
  5. 周志华《机器学习》课后习题解析(第二章)模型评估与选择
  6. python删除链表中重复的节点_Java编程删除链表中重复的节点问题解决思路及源码分享...
  7. linux ulimit 永久生效设置方法
  8. Software Engineering at Google
  9. Solr in Action 翻译完成情况
  10. SAP Hybris Commerce Cloud Accelerator Storefront 在 Eclipse 中的调试
  11. Docker搭建自己的GitLab
  12. STL源码剖析 数值算法 copy_backward 算法
  13. RTX5 | 线程管理05 - 线程挂起osThreadSuspend与线程恢复osThreadResume
  14. 一个以标签为特色的社交网站——易寻
  15. Meteor 加入账户系统
  16. 阿里影业出品影片《1917》斩获奥斯卡多项大奖 有望国内院线上映
  17. 别说我不告诉你,如此养车包你把自己也养穷了……
  18. iPad 2 移植 Siri 常见问题解答及注意事项
  19. mysql备份工具命令xtra_mysql xtrabackup备份工具使用
  20. 借助易宝实现Java版网上在线支付

热门文章

  1. nvidia显卡对比分析
  2. ps 毛发 边缘_Adobe Photoshop抠图技巧/抠图后头发边缘的颜色处理方法教程!
  3. Zookeeper:fsync超时导致实例异常
  4. 逻辑门电路的知识点归纳
  5. JS对文本框输入字符的限制
  6. navicat 或者workbench 无法连接127.0.0.1(61)的解决方法
  7. centos下crontab的使用
  8. correct ways to define variables in python
  9. 如何备份linux系统(转)
  10. 可爱的 Python: 使用 mechanize 和 Beautiful Soup 轻松收集 Web 数据