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,一经查实,立即删除!

相关文章

TypeScript 常用的新玩法

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

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

大家好,我是若川。持续组织了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 …

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…

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

大家好,我是若川。持续组织了6个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含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…

张小龙谈用户体验

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

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…

前端工程师生产环境 debugger 技巧

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

figma设计_Figma与Adobe XD:我们如何选择下一个设计工具

figma设计The time came for changes and our design team started raising the topic again about how we should consider moving away from Sketch. This is not the first time this question came to mind, but this time seems like it was serious. Last summer we cons…

一个小厂前端 Leader 如何筛选候选人?

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

figma设计_如何在Figma中构建设计入门套件(第1部分)

figma设计Figma教程 (Figma Tutorial) Do you like staring at a blank canvas every time you start a new project in Figma?每次在Figma中启动新项目时,您是否喜欢盯着一块空白的画布? I’m guessing you’re not a big fan right, but it’s a pra…

纯靠技术,很难进入大厂了。。。

日前,国务院印发《“十四五”时期就业促进规划的通知》,其中明确指出,要完善终身学习体系,推进高水平大学开放教育资源,畅通在职人员继续教育与终身学习通道。为响应国家政策,现临时扩大招生规模&#xff0…

十天学会ASP.Net——(8)

1. ajax入门AJAX Extensions工具箱 (1)实现又刷新改变字体大小和无刷新改变字体大小 页面设计: 前台页面设计: 首先需要在用到ajaxExtensions控件的位置之前放置一个ScriptManager控件,它将在浏览页面时不可见&#xf…

聊聊 computed 影响性能的场景

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

saej1929_(1929年-2020年)

saej1929Milton Glaser, the legendary graphic designer who co-founded New York Magazine, created the iconic ‘I ❤ NY’ logo, the psychedelic Bob Dylan poster, and the Brooklyn Brewery logo, passed away yesterday at the age of 91 on his birthday, June 26, 2…

Chap2-构造函数语意学

如果一个类没有任何constructor,那么会有一个default constructor被隐式的声明出来,一个implicit default constructor将是一个trivial(无用的)constructor。但是在某些情况下,implicit default constructor将是一个no…

【热点】React18正式版发布,未来发展趋势是?

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

不要重新发明轮子_是否重新发明轮子

不要重新发明轮子Design is a profession that thrives on creativity. Us designers are constantly trying to innovate by thinking outside the box. We’ve seen design evolve across all sectors — print, digital, product, architecture etc. We have gone from type…