figmaex和figma的区别

自从菲格玛升级了新的字体选择器之后，虽然预览字体更方便了，但是不能再像之前那样通过复制粘贴字体名来快速设置字体了。每次设置字体都需要在字体列表中找到目标字体才行。 虽然有时可以用图层的复制属性功能来快速复用字体，但是这样会把填充、颜色、描边等属性一起都复制了，灵活度就太低。 另外的方案还有用文本样式来快速复用字体，但是在设计构思初期常常要改变设计， 这样的编辑成本太高了，而且在应用文本样式的时候没有办法单独调整自重、大小等属性，灵活度也很低。我们更多的时候需要的其实只是快速复用字体而已。所以我们 e x 增 加了快捷复制字体功能，可以灵活的复用字体设置在飞个码中选择文本图层，在右侧面板上就可以看到本次新增的快捷复制字体的按钮，点击后我们就可以看到更多复制字体相关的功能。 点击复制字体属性，我们就复制了当前文本图层的字体。之后我们再选中要改变字体的文本图层，同样点击快捷复制字体的按钮，选择粘贴字体，就可以把字体快速复用到该文本图层上了。 为了满足更多不同的使用场景，我们提供了不同的选项，粘贴时可以指粘贴字体，也可以同时粘贴自重或者大小。有了这个功能，在设计时改变字体就更方便灵活了，我的工作效率也大 达提升了，希望这也能帮你省下更多的时间。以上就是本次飞克玛 ex 新增加的快捷复制字体功能的分享，对于已经安装了飞克玛 ex 小伙伴，留意最近更新通知，跟随引导升级到一点三点六即可使用， 没有安装的小伙伴可以前往菲克玛 ex 的官网进行下载安装。感谢你的观看，我是自己茶茶，我们下期再见，拜拜！

咱们做设计为什么非要用 fake 码而不用 sketch 呢？这里简单跟大家分享一下。首先我们看一下 ux 工具排行榜，这是一个非常权威的全球关于 ux 工具使用的排行榜网站， 可以看到在界面设计、交互、原型设计、交付设计体系、历史版本等，这个码都排在了第一位。 这是一个全球的排行榜，足以证明 fakema 是国际化的一流设计软件。那我们放眼国内，根据我的工作经验以及和身边的一些大厂的朋友的交流，像腾讯、自洁、阿里、百度等大厂也都在使用 fakema。 未来同学们如果想要跳槽去到大厂，这个马也是必学的生产力工具之一。再看一下这个马与 skys 叉 d 协作流程的对比，这是近几年很多从 skys 转到 fake 马团队中非常常见 前后流程的对比的差异。从产品策划到销户设计、视觉设计、设计评审，再到最后的开发，中间需要切换非常多的工具平台，在这些平台反复上传同步的过程中，也很容易造成信息的丢失。协作流程非常永长， 在使用 fake 码之后，这几个环节都可以用 fake 码，一个工具就能完成实时写作，实时同步可以大幅提高团队的写作效率。

ok， 那接下来我们进入到 figma 的开箱使用环节，分为三个部分，分别是注册账号软件汉化以及字体插件的安装。我们先看第一个部分注册账号，打开 figma 的官网， 我们看到右上角有一个该 star 里的或者中间位置也有这个按钮，我们点击一下，然后弹出了一个弹窗，你可以注册自己的费格码账号，如果你有谷歌的账号，可以直接用谷歌的账号登录，当然你也可以注册一个新的账号，我这里面注册一个新的账号，给大家演示一下， 输入密码，然后点击创建账号，这个时候需要输入你的名字，你就随便起一个名字，这里边选择你是做什么工作的，选择设计，再往下是用 fake 码做 为什么样的用途，我们选择第一个就好了，个人使用，然后勾选上，我同意点击创建账号，这个时候菲格玛账号就已经创建好了，但是需要我们进入到邮箱里去进行一下验证，我们进入到邮箱刷新一下 啊，他这个邮件直接进入到我的垃圾邮件里了，大家在验证的时候需要注意一下啊，点击这个邮件，点击验证邮箱 继续前往。 ok， 那我们就已经注册成功了，就可以打开网页版的这个码的软件，那这里边需要输入一个团队的名字，我们可以先不用输入，点击跳过，接下来会有一个版本的选择，第一个是入门版，第二个是专业版， 入门版会有一些文件数量的限制，专业版每个月会有一些费用，我们可以先用入门版，这步我们 我们也先不用管，直接点跳过就行了。当前我们使用的是 fake 码浏览器的版本，当然你也可以下载客户端的版本，在官网顶部的第一个导航下有一个登录，这里面有三个选项，选择自己电脑对应的版本，像我的电脑是麦克电脑，我就下载第一个就好了。 第二部分教一下大家 figma 的汉化，我们打开 figm 软件之后，发现 figm 软件都是英文版的，这个对于英语基础不太好的同学在学起来的时候会有一些吃力，那我们可以通过安装插件的办法来解决这个问题。 但是强调一点，我个人还是建议大家尽量的去使用英文版，如果大家未来想要加入到大厂或者加入一些国际化团队，那么你使用英文版可以快速的融入到团队和融入到项目里，而且这个软件本身也并不复杂。 我们打开中文汉化的这个网址可以看到目前汉化有两种方式，第一种是下载汉化客户端，第二种是基于 come 浏览器去安装一个呃浏览器的插件啊，这两种方式都可以看大家日常的一个使用习惯，当前我自己使用的是 come 浏览器，我就安装这个插件就 ok 了，点击这个按钮， 然后点击添加至 chrome， 添加至扩展程序， ok， 这个时候就已经安装好了。我们回到 figma 的软件里边，刷新一下页面， 这样 figma 就已经基本被汉化了，但是我们发现 figma 里面的局部的单词和句子没有完全的汉化，这是因为这个插件的开发者针对部分单词没有完全翻译，但是整体啊并不影响我们使用。第三个部分给大家介绍一下字体插件的安装， 如果你使用的是浏览器的版本，比如说我在这里面打一段文字 啊，把它切换成平方。在浏览器的版本里，我们后安装的一些字体是无法显示的，那这个问题在客户端的版本里是不存在的，因为客户端的版本会直接调用系统内的字体，因为我这个电脑之前已经安装了这个插件，已经不存在这个问题， 但是这里还是给大家演示一下。那出现这个问题的时候，我们需要安装一个 figma 的自己插件，打开这个网站，同样他也是在这个 download 下载资源里边。 最右边这里有一句话已经提示了，我们客户端是不需要安装的，那这个插件主要是针对于浏览器的，那我们选择对应的版本就好了，点击下载直接安装， 非常简单。安装完成之后，我们回到 figma 的软件里边，然后选择这个字体切换一下，切换成另外一个字体， 然后可以改变一下自重，哎，这个时候他的字体就可以完好的显示出来了。下面我们看一下费格玛的价格和版本，点击上面的 pricing， 这里可以看到费格码给我们提供了三种不同的版本。第一个是免费版，那像咱们很多同学应该用的都是免费版，他可以支持三个费格码和 fake jam 的文件，在个人的草稿中是不限数量的，那这里比较恶心的是团队里只能创建三个费格码的文件，数量非常有限。 第二个是专业版，专业版可以创建无限个 fit 码的文件和无限的历史版本，以及创建团队的组建库，但是专业版会有一定的费用， 比如说十二美元每个月的这样的费用。第三个是企业版，有专业版的所有功能，再加上一些定制化的高阶功能，一般大厂会采用这种企业版。 对于这三个版本而言，新手用户选择免费版也是可以用的，但是免费版会有一些文件的限制吗？以及没办法创建团队的组建库，那同学们可以选择这个专业版，那他的费用也是能在我们的承受范围之内的。 下面给大家普及一下 figma 的文件管理的维度。首先是 team 团队，团队下面是 project 项目，项目下面是 file 文件，文件下面又可以有多个配置页面，那当然每个页面下面又可以有无数个画框， frame 就是一环套一环的结构。

菲特曼中文版安装教程来喽！打开网址后一直往下滑，点击客户端，下滑到安装入口，我的是 windows， 直接点击这里，这里是安装包，直接下载就行，不会安装点这里，这里有很详细的教程， 返回到苹果安装也是一样的操作。以上就是这期的分享，感谢看到最后关注我，学习更多设计干货。

很多小伙伴都不知道具体切图的一个流程，那今天拿这个飞马举例来给大家实际操作一下切图。 比如说在这个页面当中呢，我们首先要知道需要切图的地方大概有哪些，比如说像这种图标类型的，还有这个功能区的他这个图标，然后包括下巴的这种右转的这种按钮，特殊的这种字体， 还有下边这个小喇叭的位置，都是需要切图的。那具体应该怎么来操作呢？首先比如说我们已经做好了这么一个图图标，然后我把他的背景都设置在六十乘六十，那么意思就说这个层级所有的 他的这个图标呢，他都是六十乘六十的，包括这边我们看一下他都是一个六十乘六十的，然后具体怎么做呢？时间 这个图标拆开是这样的，我们把它啊取消编组，取消编组之后呢，大家看到其实它是有一点点这样的去画出来的，然后我在最底端给他加了一个六十乘六十透明的一个底，然后我把它整个在康川这群组 巡组后。之后呢，在这个部位置点击他在这个位置有一个导出选项，这样看得清楚一点。导出之后呢，我们点击一下导出，然后呢他就会出来一个一倍图 pnj， 如果我们点击下边这个按钮的话，他会直接下载到你的电脑上， 然后桶里，比如说这两个图标我是想要切出来的，那我们去选中他，然后再进行导出，然后包括说功能器这些图标都是需要切图的，那我们也是 是同样的导出，选中之后，导出之后呢，实际上他这个图就已经是切好了，然后后期呢我们在蓝湖的这个官网上下载蓝湖的这个插件，我们双击他，然后找到蓝湖这个页面之后呢，我们点击这个画板， 他这块就会自动显示，显示之后呢我们再选择我们要上传的这个项目组， 然后还有是项目组中的其中的这个分类，这块也可以选择一个二百图还是一百图，我这个做的文件呢，我是用二百图来做的，所以我这个时候要选择二叉， 然后进行上传，他就直接就上传到我们蓝湖的这个页面，然后我们的技术小哥哥就可以直接的去下载使用了。是关于切图这块，真的是很简单，就是需要选中他之后呢点击导出，然后 就可以一键导出了。但是像这个图标这个部分一定要注意一些，就是他必须要是等比大小，比如我们最开始做的这个图标，可能有的比较长，有的比较宽，一定要去给他统一尺寸，这样的话技术小哥哥在写的时候，他会 比较容易对其他像的这么一个行距，你的这个 icon 的统一性也会相对说比较好。 这个码中除了这个导出，还有另外一个切图的方式，就是在这个位置，大家看一下，看一下这个切片 s， 他的这个切图呢就类似于 ps 中的这个切图原理， 他就是多用于那种详情类型的，我的这个详情可能很长，我不需要切到十张或者是八张的这种图，那么我们点击一下这个七图，我们就可以给他进行区 范围的这种切图，然后这种切图他在导出的时候，我们是需要这样导出的。你看假如说我选择到别的情况下，然后我们点击下切图的这个框框，他在我们的图层里边他其实是有显示的，然后呢在这个地方依然还是摁导出， 然后我们可以预览一下，他把我们整个上半部分的这个图全部都已经切成一张图片，然后在这个地方其实大家看可以切成 pnz， 可以填成勾 pgsvjpdf， 我们一般情况下都会切成 pnz， 这就是基本上关于切图上的一点小知识。 外的话，就是我之前有给你们讲过，就是我们可能会把图标重要的常规高频与的这些图标都放到一个按钮图标的一个组件库，那这个组件库大概长什么样子呢？就比如说我在飞马中建一个比较大一点 这种画板，那我把基本上图标全部都放在这里面，然后放在这里面之后呢，大家都看一下，这所有的这个图标全部都是已经切出来切好的。然后 其实这个我这个牌子是稍微有点乱，其实我们这个地方应该有标题，比如说啊首页功能去图标，或者说啊首页底部菜单图标等等，还有就是个人中心图标都会给他写的相对说比较清楚。这样的话就是技术小哥哥在 一个页面里面就可以把我们所有用到的高频的这些图标都下载下来，是比较方便的。其实方法跟我之前讲的是一样的， 他也是一张画板，只是我把它总结到这一张画板里面，这样的话就是方便于我们的技术小哥哥下载之后呢？他在根据每个页面的这个行距啊、间距啊这项，然后再通过代码给他写出来，你学会了吗？

大家好，我是小强，我们来看一下飞哥妈中的钢笔工具以及路径的编辑。首先飞哥妈中的钢笔工具在上边的这个位置，他有一个快捷键是 p， 他的基础用法跟其他的软件像 ps， 像 a i， 像 sk 都是一样的。我们选择钢笔工具，可以直接在这里进行单击绘制，然后我们拖动鼠标可以得到一个平滑的毛点，我们同时按照碎色键可以水平垂直或者是四十五度进行绘制， 然后我们单击最后一个点，可以得到一个封闭的路径，注意我们在绘制的时候飞个马是自动进入到了编辑状态，通过上面的工具栏我们也能发现现在上面的工具栏他跟刚才是不一样的，我们点击后面的完成，然后现在才是一个结束的状态。那同样的如 或我们绘制一个举行，我们想编辑这个举行的路径，比如说我们可以先把他的填充去掉，只要描边，那这时候我们可以直接双击这个路径，或者我们直接按一下回车键，都可以进入到编辑状态。 然后我们在空白的地方或者是点击完成这个按钮，都可以退出编辑，选中刚才这个路径，按一下回车键就又进到了编辑状态， 那我们看一下我们可以对路径进行哪些编辑。首先我们可以选中毛点去拖动它的位置，当然我们也可以去框选，并且我们可以对齐或者是分布这些毛点，比如说我们让它水平对齐，然后再给一个分布， 我们还可以去改变毛点的类型，比如说这个是一个平滑的毛点，我们可以按下 ctrl 键去单击就可以，等 找到尖突的毛点，那同样的按下 ctrl 键再次单击就可以得到一个平滑的毛点。这个操作其实也是上面的第三个工具，我们按下 ctrl 键的时候，能发现他是临时切换到了这个工具，我们可以再看一下单机进行切换， 当然我们使用这个它叫弯曲工具，它不单可以改变毛点，它还可以改变中间这一段路径的类型，比如说我们直接拖动能发现它可以变成一个带弧度的， 我们注意如果选择了弯曲工具，把鼠标放在路径或者是这个点上，鼠标下面是有一个提示的， 然后我们看一下属性面板，首先我们可以在属性面板这里去改变这个毛点的类型，默认是对称的，我们拖动的时候能发现这两个控制手柄他始终是在一条直线上， 我们如果改成第一个，我们再去拖动，能发现它就是一个断开的手柄，那下面呢？还有一个选项，就是它的角度跟长度都是对称的，我们再去拖动的时候能发现这两个手柄在一条路径上，并且它的长度也是一样的。 飞格马的路径编辑还有一个特别好用的工具，就是后面的这个，他叫油气筒工具，这个跟 a i 里面的形状生成器是特别像的，那他有什么作用呢？我们来看一下。首先我们在编辑状态下切换到钢笔工具，我们再去绘制， 这时候绘制的路径他都是在一个图层上的，我们可以在这里进行去绘制，可以按一下 esc 结束绘制，然后再去单机进行绘制，我们可以切换到油气桶工具，油 油漆桶工具，它的作用就是可以给这些视觉上看起来是封闭的图形去填充颜色，比如说这个地方看起来是封闭的，那么我们就可以在这里填充一个颜色，包括这个地方还可以填充不同的颜色， 那这个其实对于我们做造型是特别方便的，我们可以任意的去填充。如果是我们绘制的两个形状，比如说下面的这个举行， 我们再去复制一个，我们想给这个地方用油气桶，现在是不能填充的，因为它是两个形状，也就是两个图层，那我们想要用油气桶的形式去填充这个形状， 我们可以选中这两个路径，给它合并成一个，它的快捷键是 ctrl 加意，我们右键也能看到这个命令， flatten 就是压扁，我们直接点击，这时候就可以合并 形成一个路径，然后我们再按一下回车键，进入到编辑状态，我们这时候就可以用油气桶工具，其余填充这个颜色。 飞格马的钢笔工具以及编辑起来其实是特别舒服的，我们可以看几个案例，像这些图标其实很多我们就没有必要去用一些基础形状进行变换，或者是波尔运算，直接用钢笔工具完全是可以的。 比如说第一个小飞机的图标，我们直接切换到钢笔工具，然后直接去绘制，就可以在这里单击，然后再去单击，因为我们现在还在编辑状态，让我们可以接着去单击，可以把视图放大一些， 然后我们再去单击一下，接着去绘制，再去单击，然后我们就绘制好了这个图标，并且他现在就是一个路径，接着我们可以去调 调整一下它的样式，比如说粗细，可以给的粗一些，然后它的这些端点可以是圆的，我们再去绘制一些具有代表性的，比如说下面地图这个图标，用钢笔工具也是特别方便的。切换到钢笔工具，然后我们直接去绘制，并且它会有一个智能的参考线 可以去对齐。绘制好之后可以切换到选择工具框，选这几个点，然后进行一个分布，然后我们再按住 out 键直接去复制，我们可以直接复制毛点，然后再切换到钢笔工具，可以接着去绘制， 然后就可以把这些都连接起来，并且他始终是一个形状，我们再去调整一下他的比例就可以了，比如说感觉这个比例不太好，那么我们可以进入到编辑状态去框选 这些毛点，然后去调整它的这个样式，还有后面这个小房子的图标，我们也看一下，还是钢笔工具，我们可以直接在这里进行绘制，然后先绘制一个大概的形状，我们可以去调整， 然后切换到选择工具框选进行一个分布，他的快捷键是 sift alt 加 h， 然后我们可以用方向键往上挪动， 我们可以框选所有的毛点，在这里可以添加圆角，这个也是特别方便的，就是我们在编辑状态下选中一个毛点，可以去改变这一个毛点的圆角， 按一下 ctrl 加 c 后退一下，中间还有一个举行，那我们还是切换到港笔工具，然后现在是从这个点开始绘制的，我们可以按一下 esc， 然后再重 先进行绘制，在上面我们可以放大一下试图，然后我们再去挪动一下他的位置，可以在框选上面的这两个毛点，给一个圆角， 然后面这个图标也是一样的，我们可以绘制一下它的外轮廓，我们直接先去绘制一个直线，然后去绘制上面的这个形状， 然后直接去点击，在这里再去单击，可以按照 sift 键垂直进行绘制，绘制好之后然后再去调整， 比如说他的这个整个的比例包括大小，那这样其实我们就可以非常快速的去绘制一些图标，包括他的圆角 哦，需要注意，我们刚才绘制这两个图标的时候，一直是处在编辑状态，能发现这两个图标现在是一个图层，如果我们不小心做到了一个图层上，那我们也可以给它分开，我们可以进入到编辑状态，选中这些毛点， 按一下 ctrl 加 x 剪切，然后退出编辑状态，我们在这里进行 ctrl 加 v 粘贴，这样就可以把两个分开，然后我们看这个形状还是直接用钢笔工具，然后我们先去绘制一个大概的样子，一会再去调整， 按一下微，然后去调整一下，我们可以按住 ctrl 键直接去拖动这一段路径， 可以增加一个弧度，然后下面的这个我们还是按住 ctrl 键，然后往下去拉，让他有这样的一个弧度， 并且这个手柄也是垂直的，然后我们再去调整一下它整体的一个形状，有一些太高了， 接着我们框选所有的毛点，然后按住 ot 键去复制一份，可以给他水平翻转一下，他的快捷键是说服的加微，我们也可以右键找到这个命令，福利包和软头就是水平翻转，然后我们需要给这两个进行对齐，我们可以直接选中这些毛点，然后往里拖动， 我们直接拖动到这个位置，这个马就会自动的把这两个毛点接起来，我们可以看一下拖动这个毛点 进入到编辑状态，然后我们拖动能发现他现在就是合到一块的，那如果说他没有合到一块，或者是两个毛点离得比较远的时候，我们也可以给他合到一块，我们可以先看一下，我们在这里再去绘制 这样的一个形状，如果说我们想让这两个毛点接起来，那么我们可以选中这两个毛点，然后按一下 ctrl 加 g 就可以连接起来这个命令，我们也可以在菜单栏找到，我们选中这两个毛点，在菜单栏这里可以找到有一个连接的命令， 然后这个形状我们可以再次调整一下，感觉他有一些太矮了，让我们直接往下拖动，包括这两个毛点以及上面这个毛点都可以再次调整， 后面还有一个心形，这个我们可以用另外的一种方法来看一下，我们直接用钢笔工具直接去绘制这样一个路径，然后给他的描边出隙增加一些，可以增加的再出一些，下面这个端点是圆的，我们可以设置一下，把这个拐点设置成这种尖的， 然后我们可以进行一个轮廓画，秒边，就是把路径转换成形状，我们可以右键在这看到有一个命令，就是轮廓画秒边，他的跨越键是 ctrl shuift 加欧，现在他就成为了一个形状，但是我们绘制的这些图标是线性的，他现在是一个面， 那么我们可以把填充去掉，加一个秒边。当然我们也可以使用前面说过的一个快捷的方法，因为这些样式都是一样的，那我们选中这个路径，按一下 ctrlot 加 c， 就是复制一下它的样式，然后选中这个形状， ctrl 加 v， 这样就可以把这个样式粘贴过来。我们再去调整一下它的大小，能发现 viv 码的钢笔工具用起来特别舒服，它甚至比 ai 的一些操作还要便捷一些， 因为在编辑状态下，我们继续绘制的路径，它是在一个图层上的，特别是绘制图标的时候，如果习惯了钢笔工具，其实我们很多时候就不用再去布尔运算，再去做基础形状的变换，完全可以直接去绘制，那我们下次再见。

一个礼拜前，像往常一样正经的打开电脑，打开飞克马，准备这一期的素材， two hours later， oh god， please no no！ 好的，看来飞哥马最大的缺点就是网络问题。以上变日本期视频的所有内容。 上一期视频我们介绍了飞哥们的三大优势，跨平台、多人协作和开元社区。 这些优势帮助我们不用再操心其他问题，完全专注设计本身。这一点看确实非常强大，但是作为一款面向广大人民群众的工具，那就要做好被毒打的准备。今天我 就带来了一盆无情卸妆水，带你看看迪格玛的真面。 问题一，网络问题，窒息指数，五颗星飞哥马网络问题的拉垮程度无人能及，如果要排个劝退榜单的话，那么他毫无疑问问句。第一，因为飞哥马急于网页，所以极其依赖网络，而飞哥马服务器又在海外，所以这就导致了两个非常恶心的问题，首先，很多涉及到内网保密的项目，比如计算 不可能让你联网投诉，这个嘛，根本用不了。第二个就是人尽皆知的家宅反抗问题，无论是文件、图片、插件、组件、样式调用、社区等等，都会时不时出现让人抓狂的家带反抗问题， 而且就算翻墙，有时候也会出现体验相当恶劣。解决方案，科学上网，否则大部分情况你可能都会有这个问题，反而通过 dns 的修改来有效提升访问速度。后面呢，我会单独出一期教程，当然你也可以参考草帽之前的这个视频。问题二， 视角缩放方向和 skr 完全相反，窒息指数，三颗星。一年前，当我怀着忐忑不安的心情打个丁盲，第一次进行视角缩放操作的那一刻，震惊了，滚轮缩放方向居然和 skr 完全相反， 我一度怀疑菲格玛的交互设计师在设计这个手势时是不是喝了假酒。菲格玛和 sky 很多地方相似，以此降低用户学习成本，这一点的的确非常人性化，但是唯独缩放方向来个反向操作，这种感觉就好像你的苹果笔记本的触摸板方向突然反了一样，非常难受。 解决方案，方案一，和我一样慢慢习惯。方案二，编号设置里改做个演示，左上角菜单选择 prefense， 多选这个反转缩放方向即可。问题三，团队需要氪金窒息指数，一颗星要想用 fig 吗？必须要联网，联网 意味着无法破解，无法破解也就意味着要想享受更高级的功能，必须客气。不过呢，人家也不能用爱发电正版咱们还是要支持的，所以我这里也只打了一颗星。无克星的话，菲格玛自用是毫无压力的。但是如果是团队的话， 无论是文件数量、页面数量还是组建库分享都被限制了，死死的。除非是自由职业，否则就要让团队提前做好调妖包的准备。解决方案法一，客厅升级为专业版或者组织版。 对于一般团队来说，专业版就够用了，各个版本的具体区别，后面视频我会讲发二，白嫖两年的教育版，教育版功能和专业版完全相同，但是这个教育版针对学生和教育从业者，我们设计师如何白嫖，后面会单独出一期视频讲解。问题 四，不支持 vp 截图格式日息指数，三颗星对于需要对接安卓开发的设计师来说，切图需要交付 vp 格式 pk 吗？并没有像 skrs 那样支持这个截图格式，所以就需要额外的方法去转换。解决方案。方案一，使用 tney major comprise 插件，可以在线等除 vp 格式，但免费定数量后会强制收费，每月高达十二美德的高昂费用直接把握全退， 反而使用第三方工具转成未必可视。我尝试过三个工具，这个是我目前在用的免费好用网址呢？我放在评论区。 问题五，开发落泪首先，对接开发时，开发小哥可以直接在飞哥马上查看标注，但是飞哥马不支持标注的倍率切换，如果我们设计到十三倍，那么所有尺寸都需要开发小哥成功除以三。第二呢？ 一个码标注不支持同步显示，安卓开发需要的八键式设置需要开发小哥自己转换。解决方案，使用木克蓝壶这样的第三方标注查建， 如果你和我一样打算 o 一 fit 吗的话，我们可以手动在颜色规范中同步标注发进去设置，减轻开发小哥工作量。当然，你需要用到这么一个透明度转换表，我同样放在评论区。 问题六，彩蛋玩法窒息只是我们四颗星飞蛾马做的效率固然很高，但是很多很多技巧都藏得相当隐晦，他们在菜单栏里甚至帮助中心都是找不到，需要玩家自己去手动探索。 这种彩蛋式的玩法非常恶趣，对于没有出发到的设计师来说就会相当不公平。解决方案，关注我，我后面会出一个技巧专栏，将我接触飞格曼以来所沉淀的所有技巧，轻盘脱除问题期费解的 frem 概念，窒息 五颗星 frem 是个非常非常新的概念，不管是 ps、 ai、 茶地、 sketch 等等，这些工具里没有任何一个概念与之类似，如果纯靠自己摸索，很难去理解和掌握，但是偏偏他又极为重要，重要到什么地步呢？可以这么说，如果没掌握这个概念，飞哥嘛，基本就白用了。 解决方案关注我，后面呢，我会单独出一期，把这个废弃的概念给你讲透，好像挖了很多坑的样子。以上便是我接触菲格曼以来趟过的七个大坑，希望这个视频能帮到你， 这就是本期视频的所有内容，如果对你有所帮助，记得一键三连点个关注，顺便呢分享给更多有需要的人，你们支持是我更新的动力，我是设计师安主，我们下期再见！

哈喽，大家好，这里是三门奇迹，一个热衷于分享飞哥马的设计师，最近了解到很多小伙伴都在尝试使用飞哥吗？啊，真香。哎呀，但是呢，对于很多人来讲，英语真是让人非常的头大，你知道这五年我怎么过的吗？ 今天就给大家分享一下如何获得自己的第一个菲格玛账号。第一步，打开网站，输入三 w， 点菲格玛点卡。 第二步，滑动到网站底部，找到瑞索式，点击当乐图下载。第三步，选择对应版本号进行下载，如果你是苹果用户呢，就选择第一个，如果你是温度式用户呢，你就选择第二个。第四步，下载好软件以后，我们回到刚刚的 每个页面，然后点击三 w 注册我们的账号，这里可以输入你自己的邮箱，想输上输上，不会的可以看一下下面的视频，确认 以后看到一大串，不要慌，我们登录注册的邮箱，然后点击认证即可。第五步，认证完以后，我们来到飞感冒的登录页，登录我们的账号，进行一些小的设置，不会的照样看我上面的视频。好了，接下来就可以愉快的使用飞感冒了，不走风筝，溜了溜了。

当年 skych 的出现，干掉了 ui 设计师手中的 pot shop， 所有 ui 设计师惊呼，这才是属于我们的工具。不过里面有一个时代背景，就是 ios 七的发布， ios 七让整个 ui 设计界从你雾化进化到了扁平化。 为什么说是进化呢？因为他让 app 的制作难度至少减少了百分之四十，已让 ui 设计师的门槛降低到招聘信息里边，已经没有了必须手绘这道门槛了。关于这个话题说来话长， 我们有机会再聊，那么我们收回斯盖去，他对于卫头的处理能力还是很差的，所以 rs 七之后才真正的发挥了他的实力。可是现在时代又变了， 这个马的出现又让设计师们喊出当年的那句话，这才是我们想要的工具。最近几年，国内的工具开始日渐被资本和市场认可，比如今天我们要讲的主角 pickso， 它是一款国产 免费线上协同的做错工具，他和菲格玛的基因是相同的，如果公司目前还没有转菲格玛的打算，还在使用 sketch， 那我非常建议把个人项目迁移到 pixso， 来尝试一下新时代工具的魅力。我们下边来介绍一下。 相信用过 sit 或者来到比工具的朋友，一定遇到过文件管理、组建库管理、插件同步时遇到版本不统一的问题折磨我线上工具就很好的解决了这些问题。偶尔需要做一些个人项目的时候，是完全可以在 peco 上完成的。 这些新时代的工具都有比较好的内置资源，比如插件开放、组建库等等。因为 pics 是国产软件，所以国内的 ui 组建库都是非常齐全的，我们常用的微信组建， ls 组建，还有国内大厂的一些组建都有。如果你是刚刚入门的新手，可以看看这些组建，学习到很多 ui 规范的知识。这不仅让我想起当年使用 sky 在吃的时候要到处去找组建库，而且你不知道你下载的是不是最新版本。当然他们还有很多其他的库，比如我喜欢的这个扁平化的头像库，如果你是大佬的话，也可以公开自己的库，相信这里的内容会越来越多。等以后无论是设计师还是开发，都可以在这里面下载一些别人做好的 us 组件，然后拼一拼，就可以做出一个简单的 app， 一款工具，如果只是资源丰富也是没有用的，交互和功能能让你更快捷的完成工作才是重点。那要先从非法说起。 自从飞哥们推出了子母形式的组建和优化后的欧特雷奥自适应布局 skytee 的约束布局就已经显得不够用了。 奥特雷奥特的实现方式跟开发的 flax 布局非常像，设计工具无限曲径开发工具是非常好的方向， pikaso 也第一时间支持了这种方式。这种变革是实实在在的节约了工作成本。比如我做了一个卡片，把卡片做好，欧特雷奥特 然后做成组件，这样就可以无数次的调用他。但是设计师是纠结的，更改样式和布局是尝试，这时候就显示出来他们两个的厉害之处了，因为有奥特曼奥特，所以随意更改他都不会乱。如果发现组件的样式或者位置不对，可以直接改掉模板里面的内容，所有的组件都会发生变化，当然 你也可以指改子组建里面的样式，这样的话其他组建是不会发生变化的，但是 skyx 的组建只支持前者，而真正的工作场景是像飞个马和皮克所这样的，代码的开发过程也是这样的。 然后是变体，变体我想和交互言行一起说，变体就是一个组建的不同状态，比如一个按钮的多重状态，其中包括正常状态和按下，这样的话你可以把这些状态和交互打包到同一个变体里，然后调用的时候可以直接调用相应的状态，而且每次调用组 的时候交互逻辑都在，就不需要每次都做一次交互，确实非常方便。然后就是交付，之前 sky 最好的交互方式就是结合插件 pixo 自带交付的功能，只要把链接交给开发就可以，而且还能复制简单的代码用来辅助开发，也会给学习前端的设计师一个很好的入门指导。 自己画好图形，然后对照代码看一看，是一个非常不错的学习方式。因为设计最终是面向开发的，所以无论是看懂样式代码还是设计工具的逻辑越来越像开发，都是为了让设计和开发的沟通成本更低，而且这些基础学起来真的很快，一到两个月应该就入门了。 最后这个是我非常喜欢的版本追溯功能，它类似于开发的 get 功能，这样的话你可以手动制作版本，也可以无限追溯之前的版本，这样的话做起图来是非常有安全感的，而且当你的文档出现问题的时候，也可以 用这个方法去恢复，把出现问题的可能性降到最低。现在 pixo 可以导入 sky 取加 d 飞格马的原文件。不过说实话，如果你使用的是飞格马，我建议还是要再等一段时间，毕竟飞格马已经做了很多年了，而皮克搜还没有办法真正的取代飞格马。但是因为他们的基因都是先进的， 所以取代叉 d 和 sky 是没问题的。建议把个人项目和练习作品迁移到 peco， 毕竟他是免费的。那 peco 就介绍到这了。 后边我可能会做两期史亮图的科普和 ipad 史亮图工具的教学，到时候记得来看，记得关注我，我是不仅能让你的 ipad 更有用的 ipad。