【学习记录】Figma入门使用

(一)前言

        本人最近为了完成GIS应用课程实习任务,小组分配到的任务是实现一个网站的UI设计。之前就有在B站关注figma相关内容,就选择了figma在线设计网站开始学习使用。​​​​​​

(二)怎么入门figma使用

        本人是看的B站up【酸梅干超人的电话亭】的教程入门的,讲的非常好!很实用!
        视频链接:【   https://www.bilibili.com/video/BV1fg411G7cs?spm_id_from=333.337.search-card.all.click

         主要学习怎么在figma绘制基本的页面、绘制符号、使用组件功能。

(三)figma页面设置中文

        把fiama页面设置成中文的方法:

        到edge的扩展下载【FigmaCN】,重启浏览器就好了

         效果如下:

 (四)figma的本地字体设置、如何在figma中使用微软雅黑字体(Mircosoft YaHei)、解决figma本地字体丢失问题

        到官网【https://www.figma.com/downloads/】下载【font installer】:

        安装之后,就可以在figma中使用本地字体了。(注意这个安装路径!!!)

        但是关掉电脑之后,再次进入figma编辑文本框时就会出现fiama字体丢失的问题,如下图:

         在重新安装font installer之后,我才意识到要在网页中使用本地字体,就要打开前面安装的【figma_gent.exe】,就在前面的安装目录下(注意打开文件夹查看的【隐藏的项目】)

        (可以固定在开始屏幕的悬浮贴方便使用)

 (五)最后

        本人使用figma的体验就是:不应该轻易使用figma的。

        因为有时候会进不去网页!!。而figma没有本地编辑,只能进入网站编辑,赶时间的时候真的很崩溃!!只能不断刷新,看运气...

  • 11
    点赞
  • 60
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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* [ChromedFigmaFigma 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、付费专栏及课程。

余额充值