标签: figma

每次我在 macOS (macOS 13 Ventura) 上启动本机 Figma 应用程序时，我都会收到此通知：

添加登录项：“FigmaAgent.app”将在您登录时自动打开。您可以在登录项设置中对其进行管理。

按照通知上的说明，我可以按预期删除登录项，但下次启动应用程序时我将再次收到通知，并且将再次添加登录项。

我想删除它并且永远不再添加。我怎样才能做到这一点？

Pd：我联系 Figma 支持几次，​​他们大多忽略了我的消息，当我问为什么我被忽略时，他们给了我一个相当无益的答案：

嘿，很抱歉造成延误和混乱。我们没有回复，因为答案在您的原始推文中。抱歉，如果它不明显，但在屏幕截图中，您可以通过“登录项设置”进行管理：Apple 菜单 >“系统设置”，单击侧边栏中的“常规”，然后单击“登录项”。

非常清楚的是，我不想知道如何从登录项中删除 FigmaAgent，我想知道如何防止它再次添加。

Figma中的所有文本都有一定的高度，例如1.5，但是当我将该高度设置为TextStyle时，具有新高度的所有行都会与底部对齐。

如果使用居中或对齐小部件 - 结果错误。示例的行中具有底部垂直对齐方式。就像底部的屏幕截图一样。

[

是否可以在 flutter Text wiget 中为每一行设置垂直对齐？或者也许有人有一些有用的提示来解决问题？

    Text(
      'Example\nExample',
      textAlign: TextAlign.center,
      style:TextStyle(
        height: 2.5,
        fontSize: 20,
      ),
    );

解决方案：

正如user1032613所建议的，这样的解决方案很有帮助。

    final text = 'Example Example\nExample Example';
    const double height = 2.5;
    const double textSize = 16.0;
    const double bottomPadding = (height * textSize - textSize) / 2;
    const double baseline = height * textSize - height * textSize / 4;
    final Widget textWidget = …

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

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

这是我的文本样式的示例：

 final textMedium =  GoogleFonts.manrope(
    textStyle: TextStyle(
    fontWeight: FontWeight.w700,
    fontStyle: FontStyle.normal,
    fontSize: 12,
    color: Colors.black
 ));
 

可能是什么原因以及如何解决？我需要一个“修正系数”。有什么建议吗？

我是 TS 和 JS 的新手。

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

在某个时候我遇到了一个错误：

/code.ts:9:1 - error TS2304: Cannot find name 'figma'.

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

我想 Terminal.app 中的下一步操作应该已经解决了问题，但它没有

sudo npm install --save-dev @figma/plugin-typings
Password:
npm WARN saveError ENOENT: no such file or directory, open '/Users/username/package.json'
npm WARN enoent ENOENT: no such file or directory, open '/Users/username/package.json'
npm WARN username No description
npm WARN username No repository field.
npm WARN username No README data
npm WARN username No license field.

+ @figma/plugin-typings@1.33.0
updated 1 package and …

我使用 Figma 提供的布局元素的 CSS 粗略地设计了我的 web 应用程序布局 Figma。我正在运行 Vue.js 2 SPA，现在想要第一次将 html/css 设计转换为 Vue.js 组件。我做得很简单，因为我可以了解 CSS 等所有内容。

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

一些需要遵循的视觉效果和内容

示例.vue

<template>
  <v-container fluid>
    <div class="storage__header"></div>
    <div class="storage__header-text">Storage</div>
    <div class="storage__table-body"></div>
    <div class="storage__table-header"></div>
    <div class="storage__table-header-type">Type</div>
    <div class="storage__table-header-amount">Amount</div>
  </v-container>
</template>

<script>

export default {
  name: 'SettlementStorage',
}
</script>
<style>
.storage__header-text {
  position: absolute;
  width: 166px;
  height: 35.04px;
  left: 3px;
  top: 258px;

  font-family: Aref Ruqaa,monospace;
  font-style: normal;
  font-weight: normal;
  font-size: 35px; …

我想要制作loader，设计师将其以Figma的Json形式发送给我，但我想将其转换为Lottie可用的json动画。

也许您知道如何自己或在设计师的帮助下正确地做到这一点？

太感谢了！

我有设计 Figma，我需要将其应用到我的 flutter 应用程序中。但我有一定的困难，所以按顺序。

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

• Adobe XD 到 Flutter

• 超新星工作室

不幸的是，这些工具仍处于其旅程的开始阶段。它们提供了一些好处，但不提供完全导入

我还使用 Figma 的几个插件：

• Figma 扑腾

• Figma 到代码

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

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

  //SizeConfig
  screenWidth = _mediaQueryData.size.width;
  screenHeight = _mediaQueryData.size.height;   

  .....
  
  extension SizeDoubleExt on double {

  double h() {
    double screenHeight = SizeConfig.screenHeight;
    var res = (this / 693.0) * screenHeight;
    return res;
  }

  double w() {
    double screenWidth = SizeConfig.screenWidth;
    var res = (this / 320.0) * screenWidth;
    return res;
  }
}

例子：

 return Container(  width: 80.w(),    );

但结果并不令我满意。也许我需要考虑devicePixelRatio（逻辑像素），或者“比例方法”是错误的。 …

我的问题是如何在 Figma 中滚动时禁用弹跳效果？我在文档中找不到有关它的任何信息，我在想是否有可能完全消除这种影响。我的意思是在figma模拟器中滚动。

我最近经常使用 Figma 来绘制/编辑图像并将其导出为 SVG 文件，这样我就可以在应用程序的代码库中快速使用。

这样做只有一个缺点：查看 SVG 代码才能找出哪个元素是什么。

到目前为止，我必须手动浏览 SVG 来标记元素（使用类或 id），以便我可以通过 CSS 或 Javascript 正确操作它们，这是相当乏味的:-/

如果能够通过 Figma 为每个元素（路径、线、圆等）设置 id 或类并将其反映在导出的代码中，那将非常方便，我坚信一定有办法做到所以...

所以我在这里问：有没有办法在 Figma 中设置某些 CSS类或id属性，并在导出的 svg 代码上声明它？

我有一个figma设计，我需要像这样设置盒子阴影。

Drop shadow
x 0, y : 1, B: 5, S: 0, #000000 30%

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

我想在 Android Jetpack Compose 中创建这样的角度渐变。

渐变是在 Figma 中制作的，下面是 Figma Inspect 中的 android 代码。

我只能找到只有一个角度的线性渐变的资源。

如何在 Jetpack compose 中创建这个角度渐变？

我需要帮助。两天前，我在 Figma 中制作了一个投资组合网站，不知何故我删除了整个设计框架。我知道 Figma 有自动保存功能，我现在很生气。我不知道如何恢复或撤消该操作。请帮忙！！！先谢谢了...