Gahing's blog Gahing's blog
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Gahing / francecil

To be best
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 用户体验5要素
  • 用户体验度量
  • 交互设计

  • 用户研究

  • 设计工具

    • Figma

      • Figma 技巧汇总(持续更新)
        • 1️⃣ 修改文本
        • 背景
          • 方案
          • 常见问题
        • 2️⃣ 切图
          • 背景
          • 解决方案
      • 个人 Figma 作品汇总
    • sketch

  • 需求分析

  • 产品设计
  • 设计工具
  • Figma
gahing
2022-07-28
目录

Figma 技巧汇总(持续更新)

几个使用 Figma 的小技巧

# 1️⃣ 修改文本

# 背景

前是叫 UI 帮忙切图,图里面有文字。然后有个文字产品想要调整下,不想麻烦UI重新切图。怎么办?

# 方案

  1. 由于 UI 给的文档自己没有编辑权限,所以需要拷贝一份。在文件列表中,选中相应 figma 项目->右键选中 duplicate 即可复制一份

  2. 双击文本进行编辑,正常情况下会提示字体缺失。而 mac 系统是有这些字体库的,这时就应该开启「使用本地字体库功能」:

    1. 进入个人设置页
    2. 切到 font ,会有个按钮让下载应用,点击进行安装即可。
    3. 最后 font 显示如下

这时双击就可以正常编辑文本了

# 常见问题

  1. 还是提示没有相应字体 去网上下相应字体

  2. 双击时无法选中文本 编组的问题,可以将文本移到组外部,编辑完再放回来 Alt text

# 2️⃣ 切图

# 背景

设计师给的 figma 地址,自己不能按需切图

# 解决方案

  1. 自己拷贝一份(标题的地方选择drafts 选项) Alt text
  2. 调整好格式后,点击 Export 即可 Alt text
编辑 (opens new window)
#奇技淫巧
上次更新: 2024/09/01, 23:56:56
马斯洛需求层次理论
个人 Figma 作品汇总

← 马斯洛需求层次理论 个人 Figma 作品汇总→

最近更新
01
浅谈代码质量与量化指标
08-27
02
快速理解 JS 装饰器
08-26
03
Vue 项目中的 data-v-xxx 是怎么生成的
09-19
更多文章>
Theme by Vdoing | Copyright © 2016-2024 Gahing | 闽ICP备19024221号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式