问题标签 [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.
user-interface - 如何在 Figma 中创建自适应按钮?
我只想创建一个简单的按钮,里面有背景颜色和文本,这样按钮的宽度就会适应里面的文本。
所以假设我有一个 56px 宽的按钮,其中包含“取消”的文字,但如果我将文本更改为“请单击此处取消并 bla bla bla” - 然后我必须手动调整按钮的背景大小以匹配新文本。
有没有办法自动化这部分设计过程?
PS:对不起,不相关的标签,但这里没有标签“Figma”。这个问题只针对 Figma 用户!
figma - 如何冻结figma版本?
通常在开发过程中设计会更新,我们希望避免这种情况。有趣的是其他人如何冻结 figma 版本以及是否有可能。我们需要某种既不能被设计者也不能被开发者改变的快照链接。
javascript - 是否可以在前端使用 Javascript 编辑 Figma 导出的图表?
我很好奇是否有可能以某种方式编辑 Figma 设计的值,特别是图表,我可以将其导出为 SVG 或 CSS。我需要的是根据我从服务器收到的数据来更改图表的值,而不仅仅是从 Figma 硬编码的值,因为这在我的场景中没有任何用途......
当我将图形导出为 SVG 时,我得到如下信息:
我知道我可能可以使用其中的值,但这对我的眼睛来说太复杂了,我不确定哪些值可以动态化等等......有什么更简单的方法来处理这个?
html - 缩放 SVG 以显示其自身
我在这里有一个 SVG,我试图完全展示它,如您所见,它在顶部被切割。我试过调整 SVG 的高度和宽度,但没有成功。
原来的属性是svg width="303" height="532" viewBox="0 0 303 532"
prototype - 滚动时,如何使元素仅固定在 Figma 的特定部分中?
我想做的是以下几点:
滚动时,
- 使元素 A 出现在 A 部分中并在其他部分中消失。
- 使元素 B 出现在 B 部分中并在其他部分中消失。
- 使元素 C 出现在 C 部分中并在其他部分中消失。
我现在的情况:
< Section 1 >
< Section 2 >
( 现在,橙色条由于“滚动时固定位置”选项而受到限制。
我想让橙色条在滚动一次后消失。
同时,我想制作不同的橙色栏出现在不同的位置。)
我想让我的原型看起来像这个网站
:https ://www.greencar.co.kr/index.do (请看右边的绿色条)
我怎么能在Figma中做到这一点?
javascript - 向 Figma 插件中没有空数组的节点添加填充(TypeError:值没有属性)
我正在编写一个 Figma 插件来生成随机颜色并修改选择的填充。This works fine when the selection node has a fill. 但是当没有填充时,我在尝试应用时会出错fills[0].color = newColor;
。
在该节点上记录填充时,[]
我假设它是一个空数组。Figma 节点可以有多个填充,并且node.fills[1].color
在分配值时需要格式。
那么如何color
为有空数组的节点创建分配?
css - 500、600、700 usw是多少。Figma中的颜色步骤
我想以顺风风格为我的配色方案制作 SASS Mixins。
对于每种颜色,我想生成 400、300、200 和 100 等版本。
现在很高兴知道顺风步骤的百分比是多少。
我在互联网上没有发现任何关于这个问题的信息。
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,或者有谁知道为什么这不起作用?