问题标签 [figma]

我正在尝试将 figma 设计转换为 html 和 css，但在设计中所有项目的位置都是绝对的。

导航项的样式之一：

网格项目的样式：

我是 figma 的新手，这是我第一次看到这样的东西。我不知道这是不是传统的。他们希望我也能做出响应式的设计。但由于它们都是固定的，我不能使用 flexbox 和网格系统。这样做的传统方法是什么？

Figma 可以使用拖放来裁剪图片，但很难达到具体的尺寸？怎么做？

有一张演示图片来说明我的问题。

我使用它提供的布局元素的 CSS 粗略地设计了我的 webapp 布局 Figma。我正在运行 Vue.js 2 SPA，现在想亲身体验将 html/css 转换为 Vue.js 组件的设计。我做到了尽可能简单地了解 CSS 和所有这些。

使用 BEM CSS 约定（这对我保持概述有很大帮助）我将 Figma 的所有元素 CSS 放入我的 Vue 组件的 CSS 类中。div然后我为每个（BEM）块创建了几个。

一些视觉效果和内容要跟随

例子.vue

结果如下：

所以不要在这里误会我的意思。我非常高兴一切看起来仍然像在 Figma 中设计的一样。但是作为后端工程师，我觉得有点奇怪。我很确定我在这里做了一个非常天真的方法——只使用div元素来应用 CSS 样式。

这是这样做的方法吗？ 或者我现在应该开始将所有这些重构为对这些元素进行样式设置的正确方式。我非常迷茫，真的不知道我应该要求什么或我应该在谷歌上搜索最佳实践。

我正在用 figma 设计一个登陆页面，它看起来不错，但我的图像特别是我的标志有问题。所以 figma 为我的 logo 提供了一个特定的宽度和高度，当我在我的代码上写下这些规范时，logo 看起来更小。所以这里有2个问题：

1. 当我从 figma 导出我的 logo 时，我应该以 1x、2x 还是 3x 进行导出？（在正规网站上工作） 2.figma是用pix还是point？

任何帮助将不胜感激。

谢谢

我想设置一个带有彩色背景矩形和文本的组件，它可以调整宽度并根据文本的长度自动调整其高度。现在我只能手动调整组件的高度，但如果组件可以像 HTML 那样自动执行此操作，我会更喜欢。

我在文本层上添加了一个约束顶部、左侧和右侧。并限制背景层的顶部和底部以及左/右。

查看组件、当前实例和预期实例。

有人对此有帮助吗？

我发现回调“on”很有趣但限制了https://www.figma.com/plugin-docs/api/properties/figma-on/#docsNav

我有办法在文件更新后触发事件吗？

所以我目前正在做一个编程项目，我已经在 Figma 中设计了一个原型。我应该如何在 Xcode 项目中导入代码设计元素。例如，我设计了一个菜单，顶部菜单文本的代码是：

我应该将此代码粘贴到 Xcode 项目的哪里开始。非常感谢您的帮助！:)

我对使用 Figma 和草图感到困惑，所以我想知道有什么区别，哪个最好用，为什么？

我想知道是否有一种方法可以像在原生 Android 中的 Figma 中那样创建具有内阴影的视图容器。

我已经花了一整天的时间尝试使用不同项目（线性、径向渐变、形状、位图）的图层列表，但似乎没有什么与我需要的相似。

请查看附件，注意容器的内阴影，这是我真正需要的：

链接或部分代码/xml 将不胜感激。提前致谢！

我对 Figma 和网页设计很陌生，我复制了一个元素，然后决定删除重复的元素，但令人惊讶的是没有删除按钮，经过 5 分钟的谷歌搜索，我真的很惊讶没有人谈论它，简而言之，我如何删除 Figma 中的项目/元素。