figma拉伸画板，导致元素变形，一键搞定

最新推荐文章于 2024-02-16 14:30:39 发布
最新推荐文章于 2024-02-16 14:30:39 发布
阅读量1.1k 收藏
点赞数
分类专栏： UI设计 文章标签： figma
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45547094/article/details/133880466
版权

先来看问题，第一张是原图，第二张是拉伸画板后出现的问题

  

老样子废话不多说，直接上解决办法！

MAC按住Cmd进行拉伸，windows按住Ctrl进行拉伸即可！

object not found
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
walkthrough:Figma插件，可让您创建带注释的元素导览
04-30
演练Figma插件 通过任何元素选择创建引导流。 添加笔记并与他人共享您的演练。 在Figma社区上查看它并在此处安装： :
figma-remove-bg:自动删除图像背景
05-02
Figma Remove.bg插件 一键删除图像的背景（使用 ）。 用法 将其下载到Figma插件库 发展 首先克隆此存储库 git clone https://github.com/aaroniker/figma-remove-bg.git cd figma-remove-bg 安装依赖项和构建文件 npm install npm run build # Or watch: npm run dev 之后，在Figma Desktop中打开一个项目，选择Plugins-> Development-> New Plugin 。 单击Choose a manifest.json然后在此插件目录中找到manifest.json文件。 完毕！ 现在插件->开发->删除BG->运行/设置API密钥 去做 显示有关可用/已用积分的统计信息 更多选项，原尺寸 支持选择多个节点 作者 亚伦伊克
16-Figma-自动布局
billycoder的专栏
01-22 2793
16-Figma-自动布局 常见操作 创建自动布局,shift+a 解除自动布局,属性面板操作或者alt+shift+a 自动布局加背景圆角,属性面板 自动布局内子元素新增,属性面板设置自动布局元素新增方向(水平或垂直),再ctrl+d 自动布局控制内边距,属性面板 自动布局控制项目间距,属性面板 自动布局设置大小,拖动或者属性面板 自动布局如何适应内容,属性面板操作 自动布局让子元素居中对齐,属性面板操作 自动布局如何设置等距模式,属性面板操作 改变自动布局宽高子组件固定高度调节宽度,属性面板操作 改变
【备忘】Figma常用快捷键
最新发布
Kuroko's Development Notes
02-16 545
缩放至100%：Shift+0。缩放至适应屏幕：Shift+1。缩放至所选项：Shift+2。显示/隐藏侧边：Cmd+\。打开菜单搜索：Cmd+/收起所有图层：Alt+L。
figma网页设计元素_网站模板_网页ui素材.zip
12-28
figma网页设计元素，网站模板，网页ui素材 3D图标、价格列表、卡片式UI、网站模板、网站首页、网页素材
Vuetify UI Kit Figma
11-25
使用 Vuetify UI 套件进行原型设计和开发，用于 Figma 的灵感来自材料设计。
figma那些好用的小技巧，你知道吗？
七小嗨少的博客
06-13 6097
Figma中有许多功能。作为比较新的设计工具，figma和ps、sketch一样会有很多非常好用的设计技巧，但是许多学生不知道它们已经使用了很长时间，但我们必须使用这些功能。否则，设计时可能会有障碍。让我们看看！1、缩放内容采用缩放工具Scale。没有！如果你不知道如何使用缩放工具来缩放内容，如果你使用直接拖动外部框架，它会导致内容变形，尤其是文本等的折叠行。如果你需要等待缩放的比例，使用缩放工具Scalle进行缩放是一个更好的选择（快捷键是K）。使用缩放工具可以减少或放大所有内容和其他比例，非常方便！它隐
Figma
asa333asa的博客
03-13 8728
屏幕100%显示 shift+0快速显示所有文档 shift+1隐藏左右两边的工具栏 ctrl+\
Figma 常用功能及快捷键
baidu_41388533的博客
06-06 9565
Figma 快捷键：https://figmacn.com/resource/all-figma-shortcuts Figma 下载：https://www.figma.com/downloads/ ...
100个3D元素figma图标素材.zip
12-28
100个3D元素figma图标素材 100+立体UI素材、3D元素、3D图标、3D游戏图标、3D火箭、3D角色图标、日程安排图标
Figma 中文版 Windows.zip
06-11
figma是一个跨平台uI设计工具，很适合设计行业人员使用，里面提供了丰富设计插件和模板素材，支持多人协作，自动保存，还能跨文件共享组件，轻松原型设计，完全满足不同用户的设计需求，十分推荐。支持Windows。
figma-inspect-element:Figma插件来检查元素
05-03
Figma插件-检查元素 这是一个自定义插件，旨在填补我们目前的移交流程中的特定空白。 未来的更新可能会使更多的受众受益。 安装 待审核
ChromedFigma：Figma html导出chrome扩展
01-30
镀Chrome 将Figma页面的原型从浏览器中打开的当前文件导出为使用图像映射链接的静态html文件。 重要提示：请首先在扩展选项页面中设置您的Figma个人访问令牌。 笔记： 为了模拟Figma的“后退”交互，您可以在元素名称中使用字符串__back__ （该元素尚未过渡到另一个元素），并且该元素将使用[removed]history.back();导出到链接[removed]history.back(); 。 假定您已经将帧导出到文件夹中的* .png图像文件中。 然后，将导出的* .html文件复制到同一文件夹中，然后打开其中一个。 如何使用 在本地硬盘驱动器的./unpacked文件夹中下载存档文件并解压缩，在Chrome扩展程序中启用开发人员模式，单击“加载解压缩”，然后选择解压缩的ChromedFigma文件夹。
figma-tailwindcss-config-plugin：Figma插件为Tailwindcss框架生成配置文件
02-09
Figma + Tailwindcss = <3> Plugins > Development > New Plugin...然后从此仓库中选择manifest.json文件。 :star: 要更改插件的UI（React代码），请开始编辑 。 :star: 要与Figma API进行交互，请编辑 :star: 阅读...
Figma的一键生成网页指导
热门推荐
weixin_60523038的博客
07-14 1万+
无
figma-如何批量修改字体
基本无害的博客
10-31 2461
编辑—>替换相同字体。
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
发出的红包

打赏作者

object not found

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值