问题标签 [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 回答
177 浏览

flutter - 如何在颤振应用程序中调整 figma 尺寸?

我设计了 Figma,我需要在我的颤振应用程序中应用它。但我有一定的困难,所以按顺序。

我尝试的第一件事是使用自动导入工具,我尝试过:

  • Adobe XD 到 Flutter

  • 超新星工作室

不幸的是,这些工具仍处于起步阶段。它们提供了一些好处,但不提供全部进口

我还为 Figma 使用了几个插件:

  • Figma 飘飘然

  • Figma 到代码

但这些插件的功能也有限。我意识到我需要自己做。

Figma 页面尺寸为 320 像素。设备屏幕尺寸会有所不同。但我需要它看起来尽可能接近。我决定使用“比例法”。我正在使用具有以下扩展名的 figma 元素的尺寸:

例子:

但结果并不让我满意。也许我需要考虑devicePixelRatio(逻辑像素),或者“比例法”是错误的。

主要问题是如何使 figma 的尺寸(尺寸)适应不同设备的尺寸?

任何建议-我将不胜感激。

0 投票
0 回答
270 浏览

html - Figma svg 导出问题

目前我使用 Figma 为我的动画制作模型,但问题是每当我从中导出 svg 文件时,我似乎没有路径,因此我无法制作三角形、矩形、圆形等。可悬停、可点击.. 我已经尝试了 Figma 的所有选项,但我无法弄清楚。

0 投票
0 回答
91 浏览

reactjs - Figma 设计反应组件

我有一个 React 组件列表,例如表格、按钮、分页等。现在我需要创建 Figma 插件,使用我已经拥有的 React 组件从 figma 设计生成网页(反应类组件)。有可能吗?

0 投票
0 回答
33 浏览

json - 如何将数据字段结构从 xml 或 json 映射到像 figma 这样的 UI 设计?

是否有软件或插件可以将每个 xml 字段指向 Figma / Sketch 中的 UI 设计?xml 文件中的数据结构是固定的,不能更改。

0 投票
1 回答
27 浏览

html - 关于在 figma 设计中使用垂直网格的困惑

所以我刚看完这个关于在 figma 中设置响应式网格来设计网页的视频

在此视频中,建议您可以使用每行 8 像素高的垂直网格,以使您的垂直对齐更加结构化和一致。这意味着网格中的不同元素的高度都可以被 8 整除

现在我有点困惑,因为我通常只在我的元素上设置默认高度:自动,据我所知这是推荐的方式(因为它更具响应性),但为了使其正常工作,我需要在我的元素上设置固定高度?还是我误解了什么?

0 投票
1 回答
29 浏览

figma - 在我的 figma 中,某些快捷键无法正常工作

在我的 Figma 中,三个快捷键无法正常工作,你能帮我在 Figma 上添加这些快捷键或其他方式来启动它吗

0 投票
1 回答
272 浏览

css - Figma的CSS中像素的尺寸像素

将 Figma 设计转换为 HTML 和 CSS 时,是否将 Figma 的尺寸像素复制到 CSS 中...

每当我为像素复制尺寸像素时,它要么太小,要么太大,但与它的预期外观相差不远。关于如何解决这个问题的任何提示?谢谢

0 投票
0 回答
53 浏览

java - 没有 POST Rest API 调用来创建 Figma 设计文件 - API 不可用

我在以下查询中需要帮助:

  1. 没有通过 API 创建 Figma 设计文件的 POST 调用,有人可以分享用于 post 调用的 Rest API 或一些我可以使用的 maven 或 gradle 库吗?

我想在我的 Java 代码中调用 POST 调用 api。

我检查了这个网站:

没有可用于创建 Figma 设计文件的 Rest API,官方不支持吗?

我看到只有 get 调用可用于通过传递 X-Figma-Token 来获取带有某些密钥的文件。

我可以从检查元素中看到一个“用于创建 Figma 设计文件的 POST api”->“https://api.figma.com/v1/files/create”,但无法像调用其他 GET Rest 那样调用此 API像“https://api.figma.com/v1/files/:key”这样的 API

  1. 如何以编程方式生成“X-Figma-Token”?这样我就可以使用这个令牌来访问 REST API,并且我想知道一些第三方服务如何调用 REST API 来创建 Figma 设计文件并通过 API 或库获取这些 Figma 文件?

或者

  1. 如何在我的 Java api 中使用 Oauth 机制来获取令牌,然后为 Figma Files 调用 Rest API?我已经完成了“https://www.figma.com/developers/api”中给出的步骤,但没有帮助,特别是如果我想通过编程方式进行 Oauth 并生成 X-Figma-Token 或者这是唯一的方法进行身份验证?

帮助高度赞赏!!!

0 投票
0 回答
64 浏览

flutter - 如何计算 ImageFilter.blur 的 sigmaX 和 sigmaX?

在 figma 设计中,我有 24 个模糊的背景模糊。去flutter代码的时候,因为不知道sigmaX和sigmaX怎么计算,所以无法重现效果。我尝试将 24 放入所有 sigma,但结果并不好

0 投票
0 回答
63 浏览

reactjs - figma to reactjs:有可能还是手动做

我有一些figma设计。我想将它们转换为 reactjs 材料 ui。我搜索了很多。但是没有找到合适的方法来做到这一点。

那么有没有可能

如果可能的话,结果是多少有效。