figma 基础使用 —— 常用方法

一、 导入组件

分成两种方式
(1)离线的包导入(iOS 常用组件.fig 直接拖拽到figma最近网页
(2)在插件市场下载
https://www.figma.com/community


二、figma中使用标尺

快捷键:shift + R

三、插件自动填充头像

直接选中右键,找到plugin中的已下载的插件填充

四、组的概念 


五、画矢量图 和 导入现成矢量图

导入现成矢量图,直接复制粘贴在figma里面,可以直接修改尺寸和颜色,但是它头上有一个frame的名字,不知道为什么弄不掉。后来我将这个图层拖拽到我的手机图层里面,那个frame的标识就不见了。

六、定义Fill、定义Text、定义常用阴影

1. 定义Fill

当元素需要设置颜色时,找到Fill填充部分,点击style按钮,我们在Libraries里面创建一个颜色变量,也可选择已经创建好的变量颜色。

 

2.定义Text(字体、粗体、字号、上下左右间距、文字排列方式)

我们一般设计时用什么字体?

答:pingfangSC是苹果的,目前我就采用默认的Tahoma:显示效果比Arial好

七、定义Component组件、给Component组件添加变种、使用组件 

定义组件:第一选中元素,第二,右键 create component


给组件添加变种:选中组件,右键,在弹出的菜单中选择 Main Component中的add variant(添加变种)

注意:只有将变种添加到变量中去,才可以在组件的状态下拉种看到。 

可以点击右上角图标,可看到全部Component

八、将组件转化为 frame

选中组件,右键,选择Frame selection

 

相关推荐

  1. Git 的基本概念、使用方式命令

    2023-12-09 01:58:03       61 阅读
  2. lodash方法

    2023-12-09 01:58:03       49 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-09 01:58:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-09 01:58:03       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-09 01:58:03       82 阅读
  4. Python语言-面向对象

    2023-12-09 01:58:03       91 阅读

热门阅读

  1. QT 中 线程池 (备查)

    2023-12-09 01:58:03       67 阅读
  2. Copilot使用指南:提升编程效率的智能助手

    2023-12-09 01:58:03       89 阅读
  3. NTP时钟同步服务器(校时服务器)技术参数分享

    2023-12-09 01:58:03       52 阅读
  4. v-model和:model的区别

    2023-12-09 01:58:03       54 阅读
  5. Ubuntu22.04安装Mariadb

    2023-12-09 01:58:03       66 阅读
  6. Ubuntu18.04 Udacity project_10_MPC_control 如何运行

    2023-12-09 01:58:03       64 阅读
  7. C#多进程通信之共享内存方式

    2023-12-09 01:58:03       55 阅读
  8. qt day2

    qt day2

    2023-12-09 01:58:03      55 阅读
  9. 点击登录按钮二次才跳转到首页

    2023-12-09 01:58:03       64 阅读