问题标签 [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 投票
0 回答
56 浏览

css - 如何将文本框的高度设置为 Figma 中文本的确切高度?

我在 Figma 中有一个带有粗体的 Poppins 字体的文本框,大小为 28px。盒子的高度是 42px,但这不是盒子中字体的确切高度。我不想手动设置行高,因为我不知道确切的字体高度是多少。如何设置文本框的框高度,以便它是字体的确切高度?

在此处输入图像描述

我想设置框高度以匹配红线。

0 投票
1 回答
176 浏览

typescript - Typescript - How to avoid repeating the same properties on an array of types?

In the example below, I have a group of ShadowStyles -> represented as type ShadowGroup whose items are all instances of ShadowStyle (the style property is set to inherit an external library's ShadowEffect type).

The thing is, there are some properties in ShadowStyle.style that are always the same (marked below).

My question is: how do i avoid rewriting those same properties/values for every item in the array?

0 投票
0 回答
114 浏览

promise - Figma Plugin - 帮助以编程方式创建文本样式

我正在尝试通过从我的设计令牌中读取的插件来创建 Figma Text 样式。我遇到的问题是在设置自定义字体时,加载它的承诺没有解决,所以它似乎停止了该功能。

我在这里错过了什么吗?

0 投票
1 回答
1006 浏览

css - 在 figma 中设置 CSS class/id 并在导出的 svg 文件中声明

我最近一直在使用 Figma 来绘制/编辑图像并将它们导出为 SVG 文件,以便我可以在我的应用程序代码库中快速使用。

这样做只有一个缺点:查看 SVG 代码以找出什么元素是什么。

到目前为止,我必须手动通过 SVG 来标记元素(使用类或 id),以便我可以通过 CSS 或 Javascript 正确操作它们,这非常乏味:-/

能够通过 Figma 为每个元素(路径、线、圆等)设置一个 id 或一个类并将其反映在导出的代码中,这将非常方便,我坚信必须有一种方法可以做到所以...

所以在这里我问:有没有办法在 Figma 中设置某些 CSS **class** 或 **id** 属性,并在导出的 svg 代码上声明它?

0 投票
1 回答
516 浏览

react-native - 如何在原生反应中将边距应用于 SVG 图像?

我使用 SVG 作为我的登录页面徽标。我想将它显示在屏幕顶部,距离顶部为“10”,我试图修复它,但它似乎不起作用。有没有什么办法解决这一问题?请帮助

0 投票
1 回答
52 浏览

typescript - 我正在创建 figma 插件,我想从网站获取 cookie 但它显示此错误我该如何解决

这是我得到的错误。我正在使用 js-cookie 获取 cookie

0 投票
1 回答
570 浏览

figma - 如何使用 figma rest api 将元素导出为 PNG 或 JPEG?

我能够从 figma 屏幕 Web 应用程序将文本框矩形导出为 PNG 或 JPEG。但是,找不到使用 figma API 将特定元素导出为 PNG/JPEG 的任何方法。

Figma API 文档没有帮助 https://www.figma.com/developers/api#get-image-fills-endpoint

这是我的图像 在此处输入图像描述

0 投票
0 回答
247 浏览

css - 如何在 Ionic Angular 代码中实现我在 Figma 中制作的 UI 原型?

我使用 Ionic Angular 制作了一个基本的计算器应用程序,效果很好。我在 Figma 中设计了 UI,但在 Ionic 代码中实现设计(即 css)时遇到了麻烦。我尝试使用以下方法更改背景颜色:

在 homePage.scss 和主题 variables.scss 中。

0 投票
1 回答
1544 浏览

wordpress - 开发网站时如何将 Figma 中的 px 比例转换为实际屏幕尺寸

我有一个使用 Figma 设计的网站。现在我想使用基于 Figma 设计的 Elementor 插件在 Wordpress 中开发一个网站。使用 Elementor 进行设计是可以的。

但是,该设计是基于 1920 宽的屏幕,我正在较小的桌面(比如 1440 宽)上开发网站。

现在,在我开发的屏幕上,一切看起来都很大(图标、填充、宽度、高度等),因为我根据 Figma 设计遵循 px 比例。

有没有办法可以在 Figma 中转换为等效的比例。我想向知道这个问题的经验开发人员寻求帮助。

谢谢

0 投票
1 回答
241 浏览

css - 是否可以使边界半径的行为像 figma

是否有可能让 css 表现得像 figma 一样,我很难描述,但基本上边界半径会超过中间点。

当我告诉他border-radius: 0px 50px 50px 50px;它停在中间并与左上角成正方形时,css 的行为不是那样,有没有办法强制css 表现得像图像一样

figma 行为

我猜的代码

html:

CSS: