figma下载_迁移至Figma

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是高优先级/工作量。

Screenshot of an example of a list of files in a table on Google Sheets.

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上的工作区中,每个产品只能组织一个团队,然后按功能,流程或操作系统进行排列。

Screenshots of organization and navigation of files on 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.

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

Screenshots of organization and navigation of files on Figma with more than one team.

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中组织工作区。

👉🏾 https://spotify.design/article/how-spotify-organises-work-in-figma-to-improve-collaboration

👉🏾https : //spotify.design/article/how-spotify-organises-work-in-figma-to-improve-collaboration

2.2权限 (2.2 Permissions)

Figma gives us the possibility of sharing a team, a project, and a file.

Figma使我们可以共享一个团队,一个项目和一个文件。

Screenshots of share dialog on Figma

Creating a list of who needs to have access to your projects and files and defining the levels of these permissions can help you avoid stakeholder’s anxieties and unwanted stalkers 👀.

创建需要访问您的项目和文件的人员的列表,并定义这些权限的级别,可以帮助您避免利益相关者的焦虑和不必要的缠扰者。

3.计划-做-测试-调整 (3. Plan — Do — Test — Adjust)

No workflow is forever. You will probably learn new things and change things in your organization by using Figma. So you should talk to as many people as you can, collect feedback, and improve.

没有工作流是永远的。 您可能会使用Figma学习新事物并改变组织中的事物。 因此,您应该与尽可能多的人交谈,收集反馈并进行改进。

There is no magic formula for a good organization and design workflow. However, collaborative work can make this whole process more fluid and pleasant.

良好的组织和设计工作流程没有神奇的公式。 但是,协同工作可以使整个过程更加流畅和愉快。

4.创建一个入职流程 (4. Create an onboarding process)

Screenshots of help & tutorials files on Figma from Spotify Design
Image from Spotify Design
图片来自Spotify Design

Help your team have a fluid learning process. Create some flyers, offer lectures, or promote talks to explain more about the tool and the new workflow in Figma.

帮助您的团队拥有流畅的学习过程。 创建一些传单,提供讲座或促进讲座,以进一步解释Figma中的工具和新工作流程。

Some ideas:

一些想法:

  • Bot in slack with some tips and tricks;

    懒惰的人有一些技巧和窍门;
  • Design Talks;

    设计讲座;
  • Mandatory onboard for new designers/developers/POs;

    新设计者/开发者/采购员必须携带;
  • Hackathon: Build our plugin

    Hackathon:构建我们的插件

The most important thing that I took from this process was the collaboration and commitment from my team to make this migration works. Remember isn’t about you or the hype about a design tool. It's about providing a better environment for all.

我从此过程中获得的最重要的东西是团队的协作和承诺,以使此迁移有效。 记住与您无关,也不与设计工具有关。 这是为所有人提供更好的环境。

S

小号

Thanks for reading! I appreciate your time.

谢谢阅读! 感谢您的宝贵时间。

Image for post
UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women),这是一个巴西组织,致力于通过采取行动,赋权和知识共享的举措来促进科技行业中的黑人女性平等。 对系统性种族主义保持沉默是不可行的。 建立您相信的设计社区。

翻译自: https://uxdesign.cc/migration-to-figma-b93c2555150d

figma下载

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

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

相关文章

metaWeblog 相关的参数

Function: Creates a new post on your blog. tags如果没会自动那一个 但是categroies如果与已经建立的不同,就会忽略掉的 可以用 string.replace(\n,).split(,) Parameters: Blog ID – For use in multisite installations, typically 0 for single sites Username – WordPr…

TypeScript 常用的新玩法

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

《Programming in Lua 3》读书笔记(十二)

日期:2014.7.14 PartⅡ Object-Oriented ProgrammingLua中实现面向对象编程。“如同OOP对象,table拥有状态;如同OOP对象,table拥有标识符---self,用来与其他变量做区分,而且两个table拥有同样的值也是…

(转)AS3中的stage,this,root的区别

要了解这个问题就要先对flash中的显示对象结构有一个大概的了解: 第一级:舞台; 第二级:当前SWF; 第三级:各种容器及可视对象(如:文本框,位图……)&#xff1b…

面试官是怎样高效面试的(面试官的“套路”

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

微服务负载均衡实现高可用_使用负载平衡实现大容量可用性

微服务负载均衡实现高可用Written by Yona Gidalevitz由Yona Gidalevitz撰写 Most users of the web are blissfully unaware of the sheer scale of the process responsible for bringing content across the Internet. There are literally miles of Internet between you …

Visual Studio 2008自带的Windows 系统使用的各种图标、光标和动画文件

1,Visual Studio 2008自带的1000多个 Windows 系统使用的各种图标、光标和动画文件 在Visual Studio 2008的安装目录下, /Microsoft Visual Studio 9.0/Common7/VS2008ImageLibrary/2052文件夹下面,有一个VS2008ImageLibrary.zip,…

Android中导入第三方jar

右键工程,Build path,Java build path,选择libraries在右边的按钮中点击“Add Library”选择“User library”,点击“下一步”点击“User librarys”按钮在出现的界面中点击“New..”按钮在弹出的界面中随便起一个名字,点击“确定”点击“Add jars”按钮…

19岁中专学历是怎么在广州找到前端工作的?

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

tcp 接收端优雅的写法_如何更优雅地接收设计反馈

tcp 接收端优雅的写法重点 (Top highlight)It’s rare to meet a designer that doesn’t take pride in their work. After all, we are creatives and it’s what we love to do. Although design is teachable, there is a bit of natural skill and talent that comes into…

C++头文件一览表

传统 C   #include <assert.h>    //设定插入点   #include <ctype.h>//字符处理   #include <errno.h>//定义错误码   #include <float.h>//浮点数处理   #include <fstream.h>//文件输入&#xff0f;输出   #include &l…

一份 2.5k star 的《React 开发思想纲领》

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

asp.net生成jason给js

[WebMethod(EnableSession true)][ScriptMethod]public static object TEST(string testval){int type 0;string message "";int precent 0;return new { type type, message message, precent precent };} 转载于:https://www.cnblogs.com/bulege/archive/20…

文案写作软件_11种可改善网站用户体验的文案写作技术

文案写作软件Written by John Stevens约翰史蒂文斯 ( John Stevens)撰写 When we talk about user experience and your website, it is easy to get caught up in the site’s design and navigation options. While that is important, the words you place on the page are…

Table.Rows.Remove(dr)和Table.Delete()的区别

一个DataRow对象刚被创建之后其状态是Detached&#xff0c;是孤立的一个存在&#xff0c;所以建立了DataRow之后在DataRow中的单元填充了数据后还要通过DataTable.Rows.Add(DataRow)方法将此DataRow添加到DataTable&#xff0c;DataRow添加到DataTable后, 这个DataRow的状态就…

张小龙谈用户体验

原文&#xff1a;http://sd.csdn.net/a/20120510/2805483.html从Foxmail到腾讯“七星级产品”QQ邮箱&#xff0c;再到腾讯核武器级产品微信。在外界看来&#xff0c;腾讯副总裁、广州研发部总经理张小龙作风低调&#xff0c;很少接受正式的媒体采访。然而作为当今国内最优秀的产…

如何高效学习前端新知识,我推荐这些~

众所周知&#xff0c;关注公众号可以了解学习掌握技术方向&#xff0c;学习优质好文&#xff0c;落实到自己项目中。还可以结交圈内好友&#xff0c;让自己融入到积极上进的技术氛围&#xff0c;促进自己的技术提升。话不多说&#xff0c;推荐这些优质前端公众号前端之神100w阅…

web开发集成数字证书_每个数字设计师都应该知道的Web开发的七个原则

web开发集成数字证书A career path into digital design is often winding, meaning many practitioners come from adjacent fields as diverse as graphic design, web development, research, or even anthropology. As a result, two people working in a similar role may…

【转】CentOS 6.6 升级GCC G++ (当前最新版本为v6.1.0) (完整)

原文地址&#xff1a;https://www.cnblogs.com/lzpong/p/5755678.html 我这里是centos7 升级到gcc8.1&#xff0c;过程差不多&#xff0c;参考这篇文章&#xff0c;记录一下。 ---原文--- CentOS 6.6 升级GCC G (当前最新GCC/G版本为v6.1.0) 没有便捷方式, yum update.... yu…

Hadoop:mapreduce的splitsize和blocksize

参考&#xff1a; Hadoop MapReduce中如何处理跨行Block和UnputSplit https://stackoverflow.com/questions/17727468/hadoop-input-split-size-vs-block-size https://stackoverflow.com/questions/30549261/split-size-vs-block-size-in-hadoop转载于:https://www.cnblogs.co…