Figma软件有两种使用方式,一种是使用浏览器在线使用Figma软件,另一种是将Figma客户端下载到计算机中使用,并且Figma软件还提供了移动端的应用程序,方便用户在Figma中编辑制作时,同步查看所制作的UI在移动端的显示效果。
在浏览器窗口中打开Figma官方网站www.figma.com,如图1-2所示。单击界面中的“Get started”按钮,弹出新用户注册窗口,如图1-3所示。
图1-2 打开Figma官方网站
图1-3 新用户注册窗口
如果已经拥有Figma账号,可以选择顶部导航菜单中的Log in选项,或者选择新用户注册窗口底部的Log in选项,使用Figma账号登录,登录成功后即可进入网页版Figma工作界面。
如果还没有Figma的账号,可以在新用户注册窗口中的表单文本框中输入注册信息,单击“Create account”按钮,如图1-4所示,注册Figma账号。Figma网站会自动向注册邮箱发送验证邮件,如图1-5所示。
图1-4 填写注册信息
图1-5 发送验证邮件
单击所收到的验证邮件中的验证按钮,可以跳转到Figma网站并显示账号信息设置选项,如图1-6所示,这里只需要根据提示按步骤进行设置即可。设置过程中会询问用户使用哪个版本的Figma,目前提供收费版和免费版,在界面中列出了收费版和免费版的功能区别,如图1-7所示。
图1-6 设置账号名称
图1-7 询问使用免费版还是收费版的Figma
单击“Continue”按钮,询问用户现在要进入Figma的哪个界面,分别是设计界面和白板界面,如图1-8所示。完成账号信息的设置后,单击“Finish”按钮,自动进入网页版Figma设计工作界面中,如图1-9所示。
图1-8 询问要进入Figma的设计界面还是白板界面
图1-9 进入网页版Figma设计工作界面
在项目的设计制作过程中,可能会用到多种字体,特别是中文字体,当使用网页端的Figma软件时,还需要下载并安装Figma的字体扩展插件Font installers,通过该插件就可以在网页端的Figma软件中使用本地计算机中安装的字体。在Figma官网中提供了Font installers字体扩展插件的下载链接。
除了可以使用网页版的Figma,Figma还提供了针对Windows和macOS操作系统的客户端,并且使用本地Figma客户端时,并不需要下载Font installers字体扩展插件,即可使用本地计算机中安装的字体。
在浏览器窗口中打开Figma官方网站www.figma.com,在首页的最底部选择Downloads选项,如图1-10所示。进入Figma下载页面,在该页面中为用户提供了不同的下载选项,如图1-11所示。
图1-10 选择Downloads选项
图1-11 Figma下载页面
Desktop app:该选项为用户提供了针对Windows和macOS操作系统的官方英文客户端进行下载,用户可以根据自己的操作系统选择下载相应版本的Figma客户端。
Mobile app:该选项为用户提供了针对不同移动设备的实时预览应用程序,可以在自己的移动设备中安装相应的Figma App,这样在Figma中进行项目的设计制作时,就可以在移动设备中实时查看该项目在移动设备中的显示效果。
Font installers:如果需要在网页版的Figma中使用本地计算机中安装的字体,就需要选择相应操作系统的字体插件进行下载安装,同样为用户提供了针对Windows和macOS操作系统的字体插件。
例如,单击Desktop app选项下方的Desktop app for Windows链接,下载针对Windows操作系统的Figma客户端。下载完成后,得到FigmaSetup.exe,如图1-12所示。双击该Figma客户端应用程序图标,即可打开Figma客户端软件,其界面与网页版Figma完全一致,如图1-13所示。
图1-12 Figma客户端文件
图1-13 打开Figma客户端软件管理界面
目前,Figma软件提供的在线网页版和客户端版本都还没有官方简体中文版,如果想使用中文版本的Figma,还可以选择汉化版Figma。
汉化版Figma推荐使用Figma中文社区提供的汉化版Figma。在浏览器窗口中打开Figma中文社区网站www.figma.cool,如图1-14所示。选择导航菜单中的“Figma汉化”选项,进入Figma汉化页面中,在该页面中提供了Windows和macOS操作系统的Figma汉化客户端下载链接,如图1-15所示。
图1-14 打开Figma中文社区网站
图1-15 进入Figma汉化客端下载页面
根据计算机所使用的操作系统单击相应的按钮,即可下载相应的Figma汉化客户端软件。例如单击“Windows版本”按钮,进入Windows版本汉化Figma软件下载界面,如图1-16所示。单击“Figma中文版Windows.zip”链接,下载文件。下载完成后,对压缩包进行解压,得到汉化版本的Figma软件,如图1-17所示。
图1-16 下载Windows版本汉化Figma
图1-17 汉化版Figma软件
双击Figma.exe应用程序图标,提示用户需要登录,如图1-18所示。单击“使用浏览器登录”按钮,在打开的浏览器窗口使用注册的Figma账号进行登录,登录成功后桌面客户端自动进入Figma软件管理界面中,如图1-19所示。
图1-18 提示用户需要登录
图1-19 进入汉化版Figma管理界面