问题标签 [figma-api]

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 回答
305 浏览

javascript - 尝试运行 Figma 拼写检查扩展时出错

我已按照自述文件中的说明进行操作,但无法运行Figma 的拼写检查扩展

运行npm run build没有问题。但是,当尝试运行npm run spellcheck时,我在控制台中收到以下输出:控制台错误

0 投票
2 回答
883 浏览

figma-api - Figma API:访问用户的文件、项目或团队

我试图为一个辅助项目使用 Figma API,我想知道是否有任何方法可以访问特定用户的文件、项目或团队(在 OAuth 之后)。

我在文档上找不到任何似乎可以做到这一点的端点。有一个端点允许检索特定团队 ID 的所有项目,问题是如果在 OAuth 之后我没有获得有关用户的任何信息,我不知道如何获取此团队 ID。如果有人有任何想法,那将不胜感激!

0 投票
1 回答
214 浏览

figma-api - 如何从 Figma 中的 JSON 文档中获取节点的轮换?

我正在使用 Figma API 获取 figma 文档,但无法获取节点的旋转。如何计算物体的旋转?

0 投票
1 回答
244 浏览

javascript - 如何检查字符串是否是有效的 Figma 链接?

我正在使用 Figma API 在 NodeJS 上构建一个应用程序,我需要检查用户传递的字符串是否是有效的 Figma 链接。我目前正在使用这个简单的正则表达式来检查字符串:

但是,它匹配来自 的所有链接figma.com,甚至是主页,而不仅仅是指向文件和原型的链接。这是一个应该匹配的示例 Figma 链接:

如果这是一个原型链接,则匹配应该是肯定的,proto而不是file在路径中。

此外,由于我使用的是 Figma API,因此同时提取 URL 的必要部分(例如文件 ID 和节点 ID)会很有用。

0 投票
2 回答
3532 浏览

html5-video - Figma 中“视频”的 UI 控件

我正在使用 Figma 为移动应用程序准备原型。移动应用程序中的一个屏幕需要显示 youtube 视频。我在 Figma 中找不到任何“视频”控件。如何在 Figma 原型的前景或背景中嵌入视频?

0 投票
2 回答
1834 浏览

tailwind-css - Figma 中的 Tailwindcss

我想知道是否可以将 Tailwindcss 与 Figma 一起使用?如果有人这样做,有什么例子可以看吗?我看到可以从 Figma 中导出颜色并在 taiwind config 中导入它们。但是 Tailwindcss 实用程序呢?此外,它应该适用于 Tailwind v1。此致

0 投票
3 回答
498 浏览

typescript - 如何将事件监听器添加到 Figma currentPage

我使用 figma-api 和 TypeScript 为 Figma 编写了带有 UI 的插件。项目包含两个主要文件:

  • code.ts打电话figma-api

  • ui.html带有<script>...</script>插件的用户界面。

我的插件正在处理当前页面上的选择数据,所以我发送code.tsui例如这个对象的数据:

如何将事件侦听器添加到figma.currentPage?例如,如果用户在 figma board 上选择了一些其他元素,figma.currentPage.selection会发生变化,我想将新数据发送到ui.

你有什么想法吗?

0 投票
1 回答
1881 浏览

javascript - 如何让 Figma API 与 Google App-script API 一起使用?

我正在考虑使用 Google App Script 为 Figma 导出器创建一个 google 幻灯片。一开始,我首先想将在谷歌幻灯片中创建的形状路由到 figma。我将如何设置我的文件?而且我不知道如何设置 Google 和 Figma 之间的 Oauth api 通信,或者是否有可能。

我相信我可以从:

参考

Figma 参考

https://github.com/figma/plugin-samples/blob/master/react/src/code.ts

谷歌应用脚​​本参考

https://github.com/gsuitedevs/apps-script-samples/blob/master/slides/style/style.gs#L30

获取 Figma 形状

获取 Google Docs 文件形状

创建新的 Figma 文件#

但是从那里我还想从谷歌应用脚​​本获取文件 ID 到 Figma 文件吗?

看了之后:https://github.com/alyssaxuu/figma-to-google-slides/blob/master/Chrome%20Extension/background.js我想知道我是否需要创建一个 chrome 扩展或一个谷歌幻灯片插件.

0 投票
1 回答
7289 浏览

figma-api - Figma 不加载 .fig 文件

每次我尝试打开 .fig 文件时,都会弹出此消息:

“文件导入失败...

newFile.fig 将 .fig 文件拖放到文件浏览器中以导入它们”

我该如何解决这个问题?

我已经在计算机的应用程序和浏览器上尝试过。

0 投票
1 回答
350 浏览

android - 无法在 Android Studio 中将渐变与纯色重叠

我是在 Android Studio 中创建应用程序的初学者,我正在尝试重新创建在 Figma 中制作的背景。

Figma 中的背景

Figma 中的背景

属性

在Android Studio中多次尝试重新创建背景后,我发现问题在于颜色不重叠,#00FFFFFF应该将透明白色替换为纯色#120A16

来自drawables文件夹的background.xml

值文件夹中的颜色.xml

结果

在此处输入图像描述

有谁知道如何将渐变与纯色重叠?

PS:由于屏幕尺寸种类繁多和性能原因,我不想从 Figma 导出背景并将其导入 Android。