xacg游戏资源社文字的颜色为了方便与背景匹配编注：Figma是一个全部免费的正在线 UI 界面打算软件，增援 Windows 和 macOS 等众个平台。凭据UXTOOLS的数据，Figma 依然是目前行使排名前五的打算器械了。与 Sketch 等守旧器械差异的是，Figma 是第一款真正增援团结的 UI 打算软件，能够让扫数团队的成员同时查看并改正团结的项目。
每个别都邑有打算的抱负，无论是打算一个网页依旧打算一个 App，都期望本人能成立出一款有气派的作品。不过面临市道上的诸众打算软件，哪一款才更适合新手呢？
俗话说「工欲善其事必先利其器」，念要方便初学 UI 打算，尝尝 Figma 吧。
倘若你之前接触过形似的 UI 打算软件，你或者会出现 Figma 这个界面的操作逻辑有点形似于 Sketch，为了容易你的急迅初学，官正派在右下角的助助按钮安顿了一堆东西，或许助助咱们容易查找 Figma 自带的各种教程，飞速键等。
此时咱们按下键盘上的A，呼出飞速键效用，创修一个画板，然后正在右侧采选你热爱的产物类型便或许获得一个对应的 UI 巨细的网格。由于现正在咱们是要 redesign 少数派的首页，因此咱们选「MacBook Pro」。
不过你也出现了，空缺的界面并不适合打算，咱们必要少许网格来助咱们辅助定位和分拨空间。点击右边的加号，或许看到 LAYOUT GRID 下面的 Grid (10px) 会助咱们主动天生一个铺满目下白色页面的网格。
你也能够点击 Grid (10px) 实行精细的进一步创立（此处我采选默认的创立）。
咱们现正在来调查一下少数派的首页，大致由顶栏、导航栏、揭示栏、作品、侧边栏等构成。
那么咱们凭据这个矩形肢解的思绪，点击网页左上角的矩形按钮，正在 Figma 内部先画好一个矩形，把这个矩形动作咱们网页的后台。
正在左边的控件栏内部，咱们单击创修好了的矩形，同时正在右边的颜色掌握内部，更改他的颜色为玄色，当然你也能够采选你热爱的颜色或是图片来动作后台。
创立好后台后，咱们能够实验先做一个顶栏和导航栏的调和，使他成为一个全新的顶栏。通过再次点击矩形按钮，创修一个全新的矩形，放正在最上面动作顶栏，颜色创立为浅玄色使咱们能更好地看清它和后台颜色区别，增加上 logo 和相干的导航，正在增加的时辰会有主动天生的参考线助助咱们判别场所。
倘若遭遇素材颜色不搭配的情景，能够实验行使右边的器械实行调动，比方下图中的搜素图标，由蓝本的灰色调动为白色。
为了让咱们的顶栏和后台融为一体，咱们此时把颜色改回玄色，再通过同样的举措再次创修一个较大的矩形，同样为了容易咱们制制的时辰易于辨认，将它改为浅玄色。
少数派目前的 Power+ 2.0 正正在炎热售卖中，咱们就把它动作咱们的 Banner。拖拽后台图片进入矩形中，把图片铺满扫数矩形，再输入宣扬文字，文字的颜色为了容易与后台成婚，咱们行使右侧的取色器器械来获取文字的颜色。
纯粹的文字坊镳没有太大的吸引力，咱们再画一个圆角矩形，调动颜色为渐变色，容易用户添置。
接下来咱们制制页面的主体片面，先创修一个矩形动作主体，然后再创修四个矩形动作咱们的商品揭示位。
正在四个矩形展位安顿好咱们必要揭示的商品图片，倘若遭遇矩形盖住图片的情景，只必要右键单击图片，采选「bring to front」即可。
如许咱们的主体片面就落成了，末了咱们采选「File」-「Export…」实行导出，便能将咱们做好的主页发送给其他人了。
Mac 上目前主流的打算软件之一是 Sketch，Sketch 有很众良好的地方，但它的瑕疵是只增援 Mac 体例，每年的订阅价钱也是不菲，导致把很众新人拒之门外。
Figma 实用于任何或许运转摩登浏览器 (Chrome) 的体例，或许让咱们随时随地展开处事。倘若是团队行使，正在 Figma 中共享文献也特别容易，只需共享链接即可。关于圭臬员们来说，Figma 增援直接从打算文献中复制 CSS，省去了很众繁琐的处事。但 Figma 瑕疵也很明白，Figma 到目前为止，对中文的增援依旧不足好。
