Figma#5：文字

已于 2023-10-22 22:04:01 修改
阅读量2k 收藏
点赞数
分类专栏： UI # Figma 文章标签： ui
于 2022-01-20 23:43:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62428841/article/details/122610978
版权

目录

1. 一款插件：Chinese Font Picker

1.1 下载

1.2 使用

2 文字框的小技能

2.1 自动行高 

2.2 字母样式​

2.4 创建字体

1. 一款插件：Chinese Font Picker

1.1 下载

右键文字框，按顺序点击进Community，在框内输入Chinese Font Picker，就可以下载到相应的插件。

那么这个插件有什么用呢？

能够起到一个浏览字体效果的作用。

1.2 使用

同样右键字体框，点进plugins，就可以看到自己已安装的插件，然后点击Chinese Font Picker就可以召唤出窗口啦。 

最低0.47元/天 解锁文章
魔法电子猫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
figma-chinese-font-picker:figma 中文字体选择插件
08-04
chinese-font-picker figma 中文字体选择插件 Development Install the packages npm i Run the plugin in dev mode yarn start Build for production yarn build
figma文字的调用与调节
qq_52175048的博客
01-13 4150
figma文字的调用与调节
8-figma-文字工具
billycoder的专栏
01-21 5226
8-figma-文字工具 常见操作 单行文字,选中文字工具,点击输入 多行文字,框选一个区域,点击输入 单行文字换多行,点击回车继续输入即可 修改字体,属性面板切换或者通过Chinese Font Picker插件 修改字号,属性面板,或者ctrl+shift+<> 修改字距,属性面板,或者alt+<> 修改行高,属性面板,或者shift+alt+<> 修改字重,属性面板,或者ctrl+al t+<> 其他样式,属性面板点点就好了 复制文字属性,ctrl+a
NotePad++ debug插件Analyse Dialog使用
勤奋的果子的博客
02-20 2037
经常使用NotePad++查看日志的朋友通常会因为其自带过滤器的局限头疼，很不利于debug定位追踪。本文介绍一个非常有用的过滤器插件。 插件下载地址：PluginManager 插件安装方法： 步骤1. 解压下载的压缩包，并将解压出来的文件/文件夹放到C:\Program Files (x86)\Notepad++下面，也就是NotePad++的安装路径。 步骤2. 打开NotePad++工具，...
10中文显示都是问号_Figma中文吃字的问题，这次真的解决了～
weixin_27808545的博客
01-13 2458
最近一直在用Figma，发现一个很奇怪的问题，估计很多小伙伴也遇到过...中文吃吃吃吃字那就是中文吃字问题，明明用Figma打了一大段完整文字，却不能完整显示(如下图)，开始不知该怎么解决...最后，研究了一下终于知道是为什么了，那些不显示的文字，是因为我们在段落中用了空格，中文逗号，顿号等等～其实最重要的原因是，我们用了英文字体(Roboto)打中文字了(如下图)，目前Figma是不兼容用英文字...
28-Figma-消息页面制作
billycoder的专栏
01-23 240
28-Figma-消息页面制作 效果 1.顶部菜单 4个菜单是变体组件 小角标是自己做出来的 2.列表item组件 3.用列表item的实例，完成列表
figma-export:命令行实用程序，可将Figma中的颜色，版式，图标和图像导出到Xcode Android Studio项目中
03-21
排版-Figma的文字样式 图标— Figma的组件，带有小的黑色矢量图像 图像—带有彩色图像（浅色/深色）的Figma组件 该实用程序支持黑暗模式和SwiftUI。 为什么我们开发此实用程序： Figma不支持将颜色和图像导出到...
to-path-figma:对象和文本到路径，figma插件
05-17
到路径：Figma插件 :sparkles:
figma-typograf-plugin:Figma插件，用于制作出色的印刷文字
04-30
Figma插件，用于制作良好的印刷文字。 删除悬挂的连词。 用不间断的空格连接数字和单元。 在“外部和内部建议”中加上右引号，而不是“和”。 删除双倍空格，双点。 使（c）中的:copyright:，:registered:，:...
figma-plugin-ds-vue:ue与Figma设计系统相匹配的Vue组件库，用于构建Figma插件
04-11
figma-plugin-ds-vue是与匹配的Vue v2.x组件库用于构建Figma插件。 它基于 。 :sparkles: 安装 安装软件包npm i figma-plugin-ds-vue 在您的应用程序中包含全局样式表（在组件级或通过将其导入到应用程序的入口...
IOS开发中使用UIFont设置字体及批量创建控件
01-05
在IOS 中，使用[UIFont familyNames]这个方法获取72种系统字体。 使用[UIFont fontWithName:@”Zapfino” size:18]这个方法为空间中的文字设置字体和字号。 可以通过for循环批量定义控件并设置属性。 以下程序获取系统72种字体并存储在一个数组中，有两种方法，一种是通过for循环拿到每一种字体并添加到可变数组中，另一种是直接把72种字体赋值给一个数组。 注：在页面控件较少的情况下选择手动创建每个控件，在控件数量较大且有规律排布的时候使用循环批量创建控件。可以通过获取硬件设备的分辨率进而让控件的尺寸自动适配设备。具体方式为： //屏幕尺寸
figma-speech-recognition:让您使用语音识别将语音中的文本插入设计中
05-02
嘿Figma语音识别 让您使用语音识别从语音中插入文本。 单击打开语音>开始讲话以开始语音识别。 完成后，它将自动将文本添加到插件中。 单击添加文本以将其添加到画布上。 这个怎么运作： 它将打开一个新的浏览器...
figma的一些用法(一)
Winfredzhang的博客
12-17 7320
1、新建frame画布。 2、圆角按钮。 3、放大字体并设置效果。
Windows 安装字体后，程序仍然提示找不到字体的解决办法——为所有用户安装字体
热门推荐
qq_38250687的博客
12-18 1万+
在一台新机器上安装了 Ditac 和 AH Formatter，运行文档转换命令时，却遇到了以前没遇到的问题。 程序报错如下： 即系统缺失字形“Missing glyph U+2022”和字体"Missing font family"。 查询 AH Formatter 的官网手册，https://www.antennahouse.com/product/ahf60/docs/ahf-er...
Mac系统怎样管理第三方字体
lls67889的博客
10-20 598
看到好看的字体总是会忍不住保存起来，总觉得哪天会用得着！不知不觉就多了！那么在Mac电脑中的第三方字体如何管理呢？Mac电脑中有一个专门管理Mac字体的应用程序，你不知道在哪？没关系，你可以使用快捷键组合【Alt+SpaceBar】，在搜索框内输入【字体册】即可！今天给大家分享的是如何删除Mac电脑中的第三方字体，有兴趣的朋友，请往下看！ 特别注意 系统自带字体不能删除 如何删除/停用Mac电脑中的字体？ 第一步：搜索到你想要删除的字体 第二步：右键这个字体，选择【移除XXX系列】或【停用XXX系列】，字
figma那些好用的小技巧，你知道吗？
七小嗨少的博客
06-13 6337
Figma中有许多功能。作为比较新的设计工具，figma和ps、sketch一样会有很多非常好用的设计技巧，但是许多学生不知道它们已经使用了很长时间，但我们必须使用这些功能。否则，设计时可能会有障碍。让我们看看！1、缩放内容采用缩放工具Scale。没有！如果你不知道如何使用缩放工具来缩放内容，如果你使用直接拖动外部框架，它会导致内容变形，尤其是文本等的折叠行。如果你需要等待缩放的比例，使用缩放工具Scalle进行缩放是一个更好的选择（快捷键是K）。使用缩放工具可以减少或放大所有内容和其他比例，非常方便！它隐
非常好用的10个自用figma插件分享
七小嗨少的博客
07-27 6655
更方便地看到和分享图片。我们都知道电脑屏幕的布局是以宽屏的形式存在的，这意味着，FigmaEX利用横向总宽，在右侧固定一个区域，以显示基本信息，从而快速固定你想要的东西figma插件，而且这个插件是中国人生产的，更让人骄傲。其实在日常使用中，我们要填充的无非是普通的“姓名、地址、电话号码、邮箱”等等，在常用功能中，我们最重要的是要想快速上手，在我打开的时候，Contento可直接使用。有时，如果你想快速连接原始形状之间的交互，你可以使用它，可以连接不同的页面，也可以定制流程线的颜色、厚度、弧形尺寸等。...
WPF-UI布局
最新发布
m0_61796189的博客
06-09 1336
例如：一个总高度为200px的Grid，它包含5行，其中两行采用绝对值50px，其它三行分别为1*，2*，2*。Canvas布局就像在画布上画控件一样，Winform开发时外面通过设置控件的Left和Top等属性来确定控件在窗体上的位置，而WPF的控件没有Left和Top等属性，因此当控件放在Canvas会添加位置信息。StackPanel可以把内部元素在纵向或横向紧凑排列，当排在前面的元素抽掉之后，排在它后面的元素会整体向前移动、补占原有元素的空间。
figma html
09-01
Figma是一种设计工具，而Figma插件可以将HTML转换为Figma或将Figma设计转换为代码。要使用这个插件，首先在Figma中打开一个新的或现有的文档，然后按下cmd/键并搜索"html figma"，然后按Enter。接下来，您可以输入要导入的URL，将其转换为Figma设计。 此外，还有一个叫做"镀Chrome"的插件，它可以将Figma页面的原型从浏览器中打开的当前文件导出为静态的HTML文件，并使用图像映射链接。但在使用之前，请确保在扩展选项页面中设置了您的Figma个人访问令牌。通过这种方式，您可以模拟Figma的一些交互效果，比如"后退"交互，通过在元素名称中进行设置。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [html-figma：用于将HTML导入到Figma层的插件](https://download.csdn.net/download/weixin_42127748/14959063)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [ChromedFigma：Figma html导出chrome扩展](https://download.csdn.net/download/weixin_42138780/14959285)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值