Figma 笔记

使用 Figma

打开:https://www.figma.com/

  • 优点:太多
  • 缺点:
    • 没用网络无法打开
    • 使用过程断网然后再断电,可能保存不了,细思极恐。
    • 使用过程断网,网络恢复前,插件都无法使用。

插件(必备插件推荐)

汉化版

可下载汉化包或者按照汉化Chrome扩展

常用快捷键

缩放元素

按比例缩放,不会出现圆角和描边走形的情况。

  • 选择元素,按快捷键 K (MacOS和Windows通用)
功能MacOS 快捷键Windows 快捷键说明
选择 元素V
输入 文字Tcommand + return 可结束输入
创建 矩形R
创建 画板A 或者 F  
创建 切图S  
创建 线条L  
创建 带箭头的线条shift + L  
创建 圆形O  
移动 画布H  

常用功能教程

Figma 如何创建蒙版

  • 使用方法:选择两个或多个元素,右键选择 Use as Mask。可以将任何图层、组或形状转换为蒙版。
  • 使用场景:将多个元素限制在一个形状中
  • 同类软件类似功能:
    • PhotoShop 剪贴蒙版
    • Illustrator 剪贴蒙版
    • Sketch 蒙版(Mask)

如何创建组件(元件)

  • 使用方法:选择元素右键选择Create Component
    • 方法二:选择元素,按快捷键
      • MacOS:⌥ + ⌘ + Koption + command + k
      • Windows:Ctrl + alt + K
    • 方法三:选择元素,点击顶部工具栏中间四个菱形图标 ◇

轮廓化描边或文字转曲

  1. 选择元素
  2. 元素上右键,选择Outline stroke
    1. 或者直接使用快捷键:Ctrl+Shift+O

栅格化转为矢量图形

  1. 选择元素
  2. 元素上右键,选择Flatten
    1. 或者直接使用快捷键:Ctrl+E

文本框文字超出隐藏

  1. 选择文本框
  2. 点击右侧面板右下角...按钮(Type settings)
  3. 点击 Type settings 面板最后一个选项(Truncate text)的第二个按钮(A...

相关教程


Table of contents


回到顶部

Copyright © 2017-2024 1px.run 像素教程 Distributed by an MIT license.

Site updated at 2024-12-07 05:14