问题标签 [figma]

我在 figma 中设计了一个应用程序，当我出于某种原因给它演示时，它只显示一个我有按钮的框架，我该如何选择要演示的内容？

我希望能够动态更改 figma 设计文件中的文本和图像，最好使用 JSON 来包含文本/图像 url。figma api或figma文件可以做到这一点吗？

我在 Figma 中有一个包含线性渐变颜色的设计，我想将其导入 Dart 代码。

设计看起来像这样

颜色代码在 Figma 中的 CSS 中提供

我想将 CSS 转换为 Dart 以尽可能接近设计，我找到了两种方法来做到这一点，但它们都没有给我准确的颜色。

尝试 1 - CSS 到 Flutter 代码网站 - https://flutterkit.github.io/c2f/

该站点以 Flutter 无法理解的百分比转换为以下代码。

尝试 2- Figma to Flutter 插件 - https://www.figma.com/community/plugin/844008530039534144/FigmaToFlutter

这给了我一个在 Flutter 中工作的代码，但不是确切的设计。

这给了我这个与原始设计相反的图像，并且在角落处更暗更亮。

我想坚持尽可能接近设计，而不是使用一些猜测工作。请帮我。

所以，如果你检查小提琴，（https://jsfiddle.net/xXnikosXx/6jx2rpsf/3/）我有一个 SVG 图像，有几个对象和一个面具。它掩盖了隐藏在其下方的文本（彩色线条），并计划对其顶部位置进行动画处理，使下方的文本出现，顶部的文本消失，以产生文本滚动效果。没有蒙版的文本如下图所示，以防万一。 在这里 我认为当动画发生时文本会出现，但它没有（如果你移除蒙版，文本会正确显示和动画，但它们的图层是错误的，所以文本出现在其他所有内容之上）

我想不出一种使用蒙版使文本正确动画的方法，有没有什么我可以使用而不是蒙版来获得相同的结果，但没有文本问题？

相关代码：

我有一个从 Figma 导出的 png 的问题，我想上传到我的 heroku 托管的 web 应用程序。问题如下：

我从 figma 导出我的资产，它作为文件的质量非常好。但是，当我将它作为 png 集成到我的应用程序中时，它会损失大量质量。它可以完美地用作 SVG，但在 png 中根本不清晰。

这是一个资产的链接（我不明白的另一件事是，当我放大资产时，质量很棒！）：https ://res.cloudinary.com/dh6bfwdkl/image/upload/v1624889907 /TEST_STACK_OVERFLOW_bnmcx6.png

我曾尝试在本地和云端托管图像，但都没有工作。

这里有人有类似的问题吗？

有谁知道 Figma 是否有任何 Angular Material UI 工具包？它不一定是免费的。我正在做一个大项目，在任何地方都找不到。我想要包含整个 Angular Material UI 库的东西。

将 jpg 文件转换为 svg 代码。大家好，我的朋友给我发了一个 jpeg 文件，我想将此文件添加到 Figma，但是当我尝试更改 Figma 中的文件结构时，我无法更改颜色和其他内容。如果我得到一个 svg 代码并将其粘贴到 figma，我可能会解决问题。谢谢！

我正在尝试将 figma 转换为 angular。我已经尝试过，但是发现它很难实现。非常感谢任何资源或建议。提前致谢

我想在drawables中添加阴影，以便在任何android图标（导航栏、自定义视图、按钮）上使用它们。然后应该得到这样的东西。尝试使用 Ninepatch 和图层列表或仅使用 png。它可以工作，但是有一个问题：由于阴影，drawable的填充增加了，结果主图变小了。例如，在选择器中使用这样的图层列表和其他图像变得不可能。有什么办法呢？

我在 Figma 中有一个设计。看起来不错。但是当我尝试在颤振中使用字体值时 - 我遇到了问题。我在 Figma 上选择的字体大小应用程序的前端不会为肉眼呈现相同的结果。

例如，如果我在 Figma 上设置 12px 大小的文本并在 Flutter 的前端文件上设置相同的（12px）大小，则生成的结果不匹配；Flutter 的应用字体大小似乎小于 Figma 屏幕，但它们的 px 大小设置为相同。

这是我的 textStyle 的示例：

可能是什么原因，我该如何解决？我需要一个“校正因子”。有什么建议吗？