问题标签 [figma]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1211 浏览

user-interface - 如何在 Figma 中创建自适应按钮?

我只想创建一个简单的按钮,里面有背景颜色和文本,这样按钮的宽度就会适应里面的文本。

所以假设我有一个 56px 宽的按钮,其中包含“取消”的文字,但如果我将文本更改为“请单击此处取消并 bla bla bla” - 然后我必须手动调整按钮的背景大小以匹配新文本。

有没有办法自动化这部分设计过程?

PS:对不起,不相关的标签,但这里没有标签“Figma”。这个问题只针对 Figma 用户!

0 投票
2 回答
231 浏览

figma - 如何冻结figma版本?

通常在开发过程中设计会更新,我们希望避免这种情况。有趣的是其他人如何冻结 figma 版本以及是否有可能。我们需要某种既不能被设计者也不能被开发者改变的快照链接。

0 投票
2 回答
471 浏览

javascript - 是否可以在前端使用 Javascript 编辑 Figma 导出的图表?

我很好奇是否有可能以某种方式编辑 Figma 设计的值,特别是图表,我可以将其导出为 SVG 或 CSS。我需要的是根据我从服务器收到的数据来更改图表的值,而不仅仅是从 Figma 硬编码的值,因为这在我的场景中没有任何用途......

当我将图形导出为 SVG 时,我得到如下信息:

我知道我可能可以使用其中的值,但这对我的眼睛来说太复杂了,我不确定哪些值可以动态化等等......有什么更简单的方法来处理这个?

0 投票
3 回答
201 浏览

html - Css 不适合盒子中的盒子

我曾经figma在下面构建一个设计并导出 css 代码。我添加了一些 div 类,但它仍然不适合。

我尝试使这些类成为主类的子类,但它仍然不起作用。

我假设这可能会像列和行那样工作,行先出现,然后列紧随其后。

在此处输入图像描述

0 投票
2 回答
60 浏览

adobe-xd - Figma中指导线之间的距离?

所以我现在使用 Figma,因为 Adob​​e XD 将不再免费。我很好奇是否有像 Adob​​e XD 那样在 Figma 中显示引导线之间距离的配置? 在此处输入图像描述

上面是插图。提前致谢

0 投票
1 回答
37 浏览

html - 缩放 SVG 以显示其自身

我在这里有一个 SVG,我试图完全展示它,如您所见,它在顶部被切割。我试过调整 SVG 的高度和宽度,但没有成功。

原来的属性是svg width="303" height="532" viewBox="0 0 303 532"

0 投票
0 回答
3435 浏览

prototype - 滚动时,如何使元素仅固定在 Figma 的特定部分中?

我想做的是以下几点:

滚动时,

  • 使元素 A 出现在 A 部分中并在其他部分中消失。
  • 使元素 B 出现在 B 部分中并在其他部分中消失。
  • 使元素 C 出现在 C 部分中并在其他部分中消失。

我现在的情况:

< Section 1 > < Section 2 > ( 现在,橙色条由于“滚动时固定位置”选项而受到限制。 我想让橙色条在滚动一次后消失。 同时,我想制作不同的橙色栏出现在不同的位置。)在此处输入图像描述 在此处输入图像描述


我想让我的原型看起来像这个网站
https ://www.greencar.co.kr/index.do (请看右边的绿色条)

< 第一节 > < 第七节 >在此处输入图像描述 在此处输入图像描述


我怎么能在Figma中做到这一点?

0 投票
1 回答
181 浏览

javascript - 向 Figma 插件中没有空数组的节点添加填充(TypeError:值没有属性)

我正在编写一个 Figma 插件来生成随机颜色并修改选择的填充。This works fine when the selection node has a fill. 但是当没有填充时,我在尝试应用时会出错fills[0].color = newColor;

在该节点上记录填充时,[]我假设它是一个空数组。Figma 节点可以有多个填充,并且node.fills[1].color在分配值时需要格式。

那么如何color为有空数组的节点创建分配?

0 投票
3 回答
240 浏览

css - 500、600、700 usw是多少。Figma中的颜色步骤

我想以顺风风格为我的配色方案制作 SASS Mixins。

对于每种颜色,我想生成 400、300、200 和 100 等版本。

现在很高兴知道顺风步骤的百分比是多少。

我在互联网上没有发现任何关于这个问题的信息。

0 投票
2 回答
585 浏览

reactjs - Figma React 插件 PostMessage 未按预期工作

我正在尝试为 Figma 创建一个插件,到目前为止一直运行良好。它基于他们在 github 页面上提供的反应示例:https ://github.com/figma/plugin-samples/tree/master/react

在此示例中,我创建了一个按钮,单击该按钮将调用此函数:

这是 parent.postMessage 是 figma 提供的一个函数,用于与项目中的另一个文件 code.ts 进行通信。该文件将接收带有 pluginMessage 作为参数的 postMessage,它按预期工作。接收到这个的 code.ts 如下所示:

该文件接收消息,并在设置 GetData 后进入 if 语句。直到这里,一切都很好。我遇到的问题是 figma.ui.postMessage({}),它应该回调 ui.tsx 中的 onmessage 函数:

根据 Figma 的文档,这个 onmessage 函数应该从 code.ts 中的 postMessage 接收对象。然而,这永远不会发生;它永远不会被调用。我无法访问 ui.tsx 中的当前选择,所以我需要来自 code.ts 的数据。有没有办法将这些数据传递给 ui.tsx,或者有谁知道为什么这不起作用?