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

typescript - 生成的 Figma 插件不包含 TS 类型

我正在尝试按照此处找到的插件设置指南进行操作,并且我有一个非常非常简单的插件,如下所示:

正如所写,插件工作正常并返回所选节点的边界半径。

但是,如果我删除// @ts-ignoreTS 会抱怨:“'SceneNode' 类型上不存在属性 'cornerRadius'。”

我已经从这里安装了类型,我的 .tsconfig 看起来像这样:

}

我错过了什么?

0 投票
1 回答
229 浏览

css - 如何将 CSS 从 Figma 转换为 Flutter?

我使用 Figma,我需要创建一个带有下一个 CSS 属性的按钮

0 投票
0 回答
28 浏览

javascript - 用于在 javascript 中实现 GUI 编辑器的库或工具(如 figma)

大家好,我想在 html / javascript 或 typescript(react、angular 和 vue)中开发一个类似于 figma 或 adobe xd 的系统,哪些工具或库可以帮助我实现这一点

0 投票
0 回答
30 浏览

html - 我们可以连接 CSS 变量吗

我正在尝试直接从Figma 插件中获取样式并将它们从样式字典转换为 CSS 变量。

转换后,我得到下面生成的变量

我需要的是4px,但我得到了4(我无法控制)。

现在我想将其--token-border-radius作为 CSS 属性应用

尝试连接,+但没有成功。

有没有办法连接多个 CSS 变量或者只是用一个字符串连接它(px在这种情况下)。

0 投票
1 回答
332 浏览

javascript - 在设置 Figma 插件时找不到名称“figma”错误

我是 TS 和 JS 的新手。

现在我正在尝试使用macOS 上的指南设置我的第一个插件。

在某些时候我得到了一个错误:

我按照指南中的所有步骤进行操作

我想 Terminal.app 中的下一个操作应该解决了这个问题,但它没有

“*.ts”代码的第一行(注释除外)如下所示:

我写了很多 C++、Swift、Objective-C 和一些 Java,还有一些包含/导入语句。但这里没有。我现在不知道如何在 TS 中处理它。=(

PS谢谢你的时间

0 投票
1 回答
80 浏览

html - 我的 figma 网页设计不适合实际页面,它向右无穷大

这是真正的网页

这是 Figma 设计

我在 Figma 中设计了一个网页导航菜单,但是当我在真正的浏览器中打开它时,它会变成无穷大。我怎样才能解决这个问题?它必须适合浏览器。

0 投票
1 回答
125 浏览

flutter - 在 Flutter 的 Style Dictionary 中为来自 Figma 的设计令牌编写自定义转换文件

我有准系统 Flutter 2.5 项目和 Figma 设计令牌,它们是通过Figma Tokens导出的。这些设计标记如下所示:

项目\style_dictionary\properties\tokens.json

样式字典配置看起来像这样

项目\style_dictionary\config.json

在style_dictionarystyle-dictionary build中的 CMD 中运行将生成下一个文件

项目\lib\unique_file\style_dictionary_color.dart

但是最后应该是这样的

项目\lib\unique_file\style_dictionary_color.dart

问题:如何以及在哪里可以创建样式字典转换文件以创建具有Color静态变量类型的正确 dart 文件?我无法修改导出的设计令牌。

0 投票
0 回答
13 浏览

user-experience - UX 官方 Android Auto 平面图标

我查看了 Design Google、Material design 和 Android 开发网站,但找不到任何官方的“Android Auto”图标。

在此处输入图像描述

我知道“Android Auto”图标有第三方设计,其中一些很好,但我更喜欢官方的 android auto flat icon 或 SVG 而不是第三方。

也许某处有谷歌设计包,我可能会在谷歌上忽略它?

0 投票
1 回答
1054 浏览

python - tkinter + figma 动画图形用户界面

我正在尝试重新设计我的应用程序。在以前的版本('旧')中,我使用纯 tkinter 和 python。在新版本中,我决定创建现代 GUI。为此,我使用 Figma 来设计我的 UI,而不是使用 tkinter 设计将其转换为 python 代码,然后我将其作为普通应用程序运行。

在此处输入图像描述

目前在 Figma 中设计的新 GUI 的主要问题是我不知道如何创建不同的子页面以及如何在它们之间跳转。例如,我想单击。“DODAJ”,然后我应该跳转到另一个子页面。如何将此分页添加到 Figma 生成的应用程序中?也许我应该用其他语言设计新的用户界面?如果是,应该是什么语言?

这就是单击 DODAJ 后新输入屏幕的外观。我已经将它与 Figma 中的叠加连接起来,但我认为它不适用于 tkinter 设计师。只有第一个屏幕正在创建。 在此处输入图像描述

0 投票
0 回答
39 浏览

html - 为什么我的两个 SVG 在 React 中加载为同一个?

这几乎肯定是 SVG 代码本身的问题。我有 2 个来自 Figma 的 SVG,我将它们作为 ReactComponents 加载到 ReactJS 中,这是常规的东西。问题是由于某种原因,React 将它们视为相同的 SVG,尽管它们的 SVG 代码不同。我怀疑这是这两个 SVG 的 SVG 代码中的一个问题,因为其他 SVG 不会出现同样的问题。

这是一个 SVG(我最后缩短了 xlink:href,因为它太长了):

这是另一个 SVG: