figma教程

  • Figma分享文件权限设置详解

    工作中很多时候我们需要把自己的设计稿或者原型分享给别人,但是这个分享设置就有点复杂,今天就给大家讲解一下Figma分享权限设置。 如何分享链接 点击右上角的share按钮,然后在弹出的对话框中点击copy link,然后...

    2天前
    021
  • Figma组件属性基础理解和使用

    最近Figma更新了一个和变体类似的功能,叫做组件属性,组件属性和变体的搭配使用会让您的组件库更加的精简和完善,但是又很多朋友仍旧不理解组件属性的好处和怎么去使用他们,今天这篇文章就是教大家理解和基础的使...

    2天前
    113
  • Figma剪切蒙版详解(创建/取消剪切蒙版)

    剪切蒙版:figma英文操作名称:use as mask 如果你不知道剪切蒙版有什么用, 那么下面两张图展示蒙版创建之前和之后 如果图形规则的话,其实更推荐使用的是给形状图像+背景图的方式,下面说一下创建蒙版和取消蒙版 1...

    2022年4月2日
    0276
  • Figma Auto Layout(自动布局详解)

    带有示例的介绍,以便您最终了解自动布局在 Figma 中的工作原理,以及如何使用它来自动调整您的设计。 自动布局是 Figma 中最重要的功能之一,其多功能性使其与其他设计工具中的功能区分开来。简而言之,它允许您以...

    2022年3月29日
    0116
  • 掌握这些快捷操作,轻松上手Figma!

    Figma作为基于浏览器的多人协作式设计工具,可以跨Win/Mac等多个平台使用。Figma操作页面与其他软件类似,熟悉Sketch或XD的铁汁可快速上手Figma。这里提供一些常用的、能够快速提升工作效率的快捷操作,一起来看看~...

    2022年3月29日
    153
  • 看不懂英文?收下这份超全面的 Figma 中英对照表!

    今天给大家分享下 Figma 软件的中英文对照表,之后就算没有插件或者 Figma 频繁更新,也不用担心看不懂了~ 欢迎大家多多分享给有需要的同学,我们也会一直更新 UI 设计有关的各种资料。 下面会分为 顶部...

    2022年3月28日
    086
  • Figma文字扩展功能(怎么文字扩展)

    Figma文字扩展功能(怎么文字扩展)? 为了方便搜索,扩展关键词:figma文本怎么扩展,figma文本扩展,figma文字轮廓化 Figma文字扩展操作 1.选中文本图层,然后直接右键选择Outline stroke 2.如上图,记住上面的快...

    2022年3月28日
    075
  • Figma如何显示和隐藏布局网格?

    有如下三种方式可以显示和隐藏布局网格: 1.快捷键显示和隐藏布局网格: windows下快捷键:ctrl+shift+4 2.菜单栏显示和隐藏布局网格 选择view - layout grids,勾选就行了 3.或者使用菜单搜索方法显示和隐藏布局网...

    2022年3月28日
    0127
  • Figma复制图层的全部属性和单个属性

    Figma复制图层的全部属性 Figma 中Mac快捷键 为 Cmd+Option+C,Windows 快捷键为 Ctrl+Alt+C。 同理,粘贴图层的全部属性,Mac就是Cmd+Option+V,Windows 快捷键为 Ctrl+Alt+V。 Figma复制图层的单个属性 Mac就是Cmd...

    2022年3月28日
    084
  • Figma批量修改文本图层字体的两种方法

    今天给大家介绍一下Figma批量修改文本图层字体的两种方法,一种是Figma自带的功能,一种是使用插件,下面下来讲讲第一种Figma自带的方法。 Figma自带方法修改文本图层字体 1.选中一个文本图层 2.点击左上角菜单,依...

    2022年3月27日
    0111
  • Figma怎么设置等比缩放

    很多时候需要用到等比缩放,说一下等比缩放的几个方法 Figma怎么设置等比缩放的方法 1.按住 shift 键拖动边缘缩放 2.按(不是按住)K 键进入缩放模式,然后进行缩放,按v 键回到原来的模式(此方法适合文本) 3.勾选...

    2022年3月27日
    044
  • Figma取消所有交互链接

    当想删除当前页面(page)的所有交互链接时应该怎么办呢?Figma自带这一个功能,不需要借助插件就可以删除了,操作如下: 1.合理的使用快捷键shift+E,从design(设计面板)→ 切换到Prototype(交互)中 2.在页面空...

    2022年3月2日
    0136
  • Figma mirror 安卓下载方法(不使用Google play)

    由于Figma已经把Figma mirror放到Google play里面才能下载,导致了很多安卓手机(比如华为)都不能下载使用这个Figma mirror,极其不方便。所以这里写这篇文章来解决这个问题

    2022年3月1日
    0257
  • quicker创建插件快速启动原理+demo动作分享【第二期】

    上一期介绍了Figma+quicker=插件中心+效率神器(仅限win)【第一期】 再次扩展一下使用quicker的原理 就等于在Figma中利用quciker创建能悬浮在Figma任何页面的插件快捷方式;然后你需要使用插件的时候跟点桌面快捷方...

    2022年2月25日
    099
  • Figma+quicker=插件中心+效率神器(仅限win)【第一期】

    此教程主要讲的是Figma配上windows下效率神器quicker快速打造适合自己的插件中心,且更快速高效的使用Figma,mac端由于没有这款软件,请使用第三方工具如figma ex等使用插件中心吧。 21年的时候本来就想写这个教程,...

    2022年2月25日
    0121
  • Figma交互式组件测试结束(Figma交互式组件 Playground文件)

    2021年10月26日Figma更新 凌晨打开Figma,突然发现弹窗了关于Figma交互式组件的公告,点击进去之后就是宣布交互式组件现已退出测试阶段,可供所有人使用。接着就是介绍了Figma交互式组件的一些优点;   Figma交...

    2021年10月27日
    0211
  • FigJam 中放置和编辑图像

    本来带来的是如何在FigJam 中放置和编辑图像,文章来自于Figma官方帮助文档,如觉得机翻不舒服的,可以查看原文链接 FigJam 中放置和编辑图像目录: FigJam 支持的图像格式 FigJam 放置图像 替换图像 FigJam调整图像...

    2021年10月27日
    0263
  • Figma中使用变体(variant)设计Button(按钮)组件的思路讲解

    Figma设计按钮 我创建了一个具有4个属性的按钮。例如,在图像中,您看到一个具有以下属性的变体:大小;大号;款式 文字+图标,类型;初级,悬停;离开。 让我提供有关该按钮的更多信息。示例按钮的填充值为:...

    2021年4月1日
    0605
  • Figma做高保真交互不求人!送你一份快速衔接ProtoPie的方法

    使用Figma做设计的用户应该都直接在Figma中完成交互原型制作。 Figma自带的原型功能虽然也能帮我快速地做出一些简单的动效。但由于我需要用高保真的交互原型,所以我尝试了Figma官方推特上推荐的这个交互原型插件 - ...

    2021年1月6日
    1391
  • Figma设计系统中图标的注意事项

    一、将图标放在Frame中 由于所有图标因为其几何特征而具有不同的大小,因此应将它们全部放置在相同大小的框架中。 假设我们有三个图标:22x15px,18x20px和10x5px。它们每个都必须位于24x24像素的帧中。 没有用Frame...

    2020年12月25日
    0484
  • 提升效率的7个Figma小技巧

    在本文中,我整理了一些快速,简单的技巧,以帮助您在Figma中工作时加快设计工作流程。 这些技巧大多数都非常适合在使用设计系统或大型设计文件时使用,但它们同样同样适用于在Figma内部工作的日常使用。 您可能已经...

    2020年12月9日
    0612
  • Figma上传图像作为填充背景步骤说明

    今天给大家做一个我自己的图示,展示的是上传图像作为填充,也就是从Fill面板中用图片作为背景填充对象 操作步骤: 下面直接进入步骤演示 找到右侧面版中的Fill,点击色值点击solid下拉框选择Image选择choose image...

    2020年9月28日
    0772
  • 设计软件Figma不用懂英语也能学,附学习Figma方法

    我在论坛,设计站文章的评论下面,还有一些Figma交流群里面发现了一个问题;为什么Figma这么多设计师推崇,可是仍旧没有多少人尝试呢?? 看了很多的回复就是:“Figma打开就是英文,完全不符合中国人的习惯,语言不...

    2020年9月27日
    0353
  • Frame改变高宽但是内容不缩小放大(Figma技巧)

    Figma技巧-忽略Figma框架约束(Frame改变高宽但是内容不缩小放大) 这个问题十分的拗口,且难以描述,我只能按我自己的理解来解释了,国外的翻译过来就是忽略Figma框架约束。 这个技巧简单的不能简单,但是新手很多...

    2020年6月1日
    0780
  • Figma的免费网格模板Layout Grids模板下载

    figma的免费网格模板Layout Grids模板下载 这是上一篇文章《使用Figma介绍布局网格和间隔的基础,附figma免费布局网格UI kit》提到的网格布局的模板 这个模板能做什么? 大家可以先看看上一篇文章提到使用我们专门为...

    2020年5月30日
    0660
  • 使用Figma介绍布局网格和间隔的基础,附figma免费布局网格UI kit

    今天给大家带来国外设计师的一篇关于在利用figma介绍布局网格和间隔的基础,附赠送Figma免费布局网格的源文件一份!源文件下载地址在文末! 作者:马克·安德鲁 翻译:谷歌翻译(感觉没啥大的阅读障碍) 每个出色设计...

    2020年5月29日
    0569
  • Figma离线模式操作解读

    Figma离线断网模式操作解读个人小结: 个人先总结一下就是以下几点: 如果你没网络肯定是无法读取到你之前的设计稿的读取到了设计稿,但是突然断网了,您依旧可以继续设计,等待网络回复正常,figma会自动为你保存文...

    2020年5月26日
    0730
  • 设计过程中Figma断网了怎么办?

    Figma旨在将实时协作引入Design。通过一个Web应用程序执行此操作,您的团队中的每个人都可以同时在线同时工作,并且可以将您的更改安全地自动保存到云中。但是有时您的互联网连接不可靠,或者您陷入了没有Wi-Fi的飞...

    2020年5月25日
    0337
  • Figma常用快捷键汇总

    使用键盘快捷键 您可能已经注意到,列表中的某些快捷方式显示为蓝色,而另一些则显示为灰色。 使用后,我们会将快捷方式显示为蓝色。这样一目了然,您可以快速查看正在使用的快捷方式,并发现新的快捷方式以帮助简化...

    2020年5月21日
    0444
  • Figma怎么查看快捷键?

    figma本身自带了查看快捷键的的指令,今天教大家如何调出来查看Figma的快捷键。 访问键盘快捷键 打开文件并在“画布”中工作时,您将可以访问Figma的所有快捷键。 01.点击  ? 画布右下角的图标: 2.从菜单中选择 键盘...

    2020年5月21日
    0209