惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

美团技术团队
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Martin Fowler
Martin Fowler
雷峰网
雷峰网
IT之家
IT之家
小众软件
小众软件
M
MIT News - Artificial intelligence
博客园 - 聂微东
J
Java Code Geeks
Blog — PlanetScale
Blog — PlanetScale
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
A
About on SuperTechFans
G
Google Developers Blog
Engineering at Meta
Engineering at Meta
Recent Announcements
Recent Announcements
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
The GitHub Blog
The GitHub Blog
F
Fortinet All Blogs
C
Check Point Blog
云风的 BLOG
云风的 BLOG
腾讯CDC
H
Help Net Security
Y
Y Combinator Blog
I
InfoQ

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
Figma 101|认识 Figma - 少数派
2024-01-30 · via 少数派

大家好,这里是「设计防潮箱」新开设的专栏:Figma 101。

这是一个带领大家系统性学习 Figma 的教程合集。跟随本教程学习后,所有人也可以轻松上手 Figma 软件,并找到适合自己的设计工作流程。

这个栏目适合谁?

  • 工作中有设计需求的从业者:初级 UI 设计师、平面设计师、产品经理、活动运营、商品企划、独立开发者 ...
  • 想要学习界面设计相关知识的设计学生
  • 想要利用设计作为辅助媒介,进行发想、沟通、表达的个体创作者

该怎么用?

  • 本教程总体上按照新手入门从易到难的顺序编写,可以从头按顺序完整阅读,也可以作为创作过程中的参考文件按需查阅。
  • 教程共分为7个大的部分:新手入门、基础实战、理论支撑、进阶功能、工具新功能简介、综合项目、素养积累。这几部分涵盖了工具介绍、功能实现、底层理论和行业大咖分享,希望从不同角度帮助读者更好地了解这个工具及其背后的先进工作流和丰富生态。

多份问卷数据表明,Figma 已是当前市占率最高的设计软件之一。目前全球已有数千万使用者正在使用这款软件,

利用其轻量工具属性和高效协同属性,用户可以轻松简化自己的设计和团队协作流程,降低工作过程中的阻力,提高效率。

Figma 与传统设计软件相比,更加轻盈简便

设计师们使用以 Adobe 为代表的传统软件时,绝大部分协同过程是非常混乱的 🤪 :

  • 同一份设计文档在不同设计师的电脑中传来传去。 
    比如需要多个设计师合作完成的复杂项目,设计师 A 的文档需要发给设计师 B 添加部分内容;项目定稿时,设计师的文档要发给设计主管确认细节;主管确认方案后,设计文档还需要发给印刷厂商确认。
  • 无止境的版本迭代和修改导致文件冗余。 
    比如多方业务观点不一致,来回修改,同一个项目多次微调,最后电脑里有二三十个类似但不相同的设计文档,最后一版往往叫做 ProjectX_final_final_final_3am_fianl_9.psd 这种奇怪名字。
  • 图片忘记嵌入,导致文件内容不全。 
    基于本地储存模式的传统设计软件 (比如 Adobe Illustrator),视图内置图片等元素后,元素是储存在本地的,过早嵌入会导致文件臃肿电脑运行卡顿。单个设计文档里有成百上千个元素,在打包传输过程中极有可能遗漏。
  • 不同电脑安装字体不一样,导致文件缺字体。 
    设计师电脑中的字体包和素材库是个人长期积累的产物,基本上不同电脑上的可用字体大相径庭。为了方便编辑不转曲的话,设计文档从一台电脑到另一台电脑,缺字体是再”正常“不过的事情。

针对上述的种种问题,Figma 重新设计了的设计工作流程,允许团队实时协作 & 同时修改,降低沟通成本,提高产出效率。

Figma design 和 FigJam 的区别是什么?

目前 Figma 总共有两个产品,Figma design 和 FigJam。

Figma design

Figma design 是帮助人们搭建网站、app或其他电子产品/服务的设计工具。它适用于设计师、产品经理、文案、研发工程师等所有参与产品设计进程的角色。

用户把想法变为可交互的响应式设计后,协作者可以迅速在同一位置提出反馈,分享想法,测试不同可能性,大大降低了协作的难度。

经过精巧设计后,这个工具便于创建、维护设计文件和资产组件,可以轻易实现跨团队的高效产出。

本教程主要围绕 Figma design 这个产品展开。

Figma design 的界面

FigJam files

FigJam 是在线白板工具,是一个让所有人都能轻松参与的共享空间。它适用于脑暴、想法探索、会议共享,绘制图表、安排计划和调查研究等多个工作/学习场景。

用户可以用文字、形状、绘画、图片、便利贴等元素,可视化展示想法。2023 年,Figma 与 OpenAI 合作,为 FigJam 加上 AI 辅助功能。自此,用户在 FigJam 内部可以使用 AI 一键生成看板和图表,快速总结归纳讨论过程中的想法,为不同场景生成初始想法。

除了职业用户外,Figma 团队正在向美国教师学生等非互联网人群进行推广,会用 Figma 将逐渐成为年轻一代的基本素养。

FigJam 的界面

为什么需要 Figma?

作为一名交互/产品设计师,我观察身边小伙伴的真实情况,使用 Figma 的人确实越来越多了:不止是产研,互联网行业中的平面,增长、商品、运营等等职能部门都纷纷踏入 Figma 的怀抱。

为什么市场上越来越多人开始使用 Figma呢?因为它拥有以下几个优点:

  • 灵活性 
    单人工作、团队合作、大企业集团协作,Figma 对于各种规模的设计工作者都适用
  • 多角色协作 
    Figma 是多人同时在线合作的利器,适用于实时模式和非实时模式的沟通协作
  • 永远在线 
    用户可以在网页浏览器、桌面客户端和手机移动端上使用 Figma。所有工作都会被实时备份于云端,简化团队协作的文件版本管理。

Figma 是一个属于新时代的设计工具。它拥有轻量、协同、简化等内在基因,降低了工具学习成本,简化了团队协作流程,让所有人都更容易利用设计来表达自己的想法。

学会了 Figma 软件,你可以拥有一门专业技能,你可以倍速提高工作效率,你甚至还可以利用 Figma Community 的基建赚取“睡后收入”。

还在等什么?马上关注「设计防潮箱」来学习 Figma 吧~