Figma
本话题发布Figma相关的问答文章和技术分享，将持续更新，为您推荐了22篇问答，访问即可查看更多精彩内容。
-
1
回答
29浏览
Figma 的 Inspect 模式导出的 CSS 为什么和实际效果不一致？
我在 Figma 里用 Inspect 拿到一段按钮的样式，复制到项目里后发现颜色和间距都不对。明明在设计稿里看着没问题，是不是哪里设置漏了？ 比如这段 CSS： .btn { background:...
-
1
回答
53浏览
Figma团队库更新后为什么本地组件没同步？
我们团队用Figma的共享组件库做设计系统，昨天设计师更新了按钮的间距规范，也在团队库点了“Publish”。但我这边打开文件，旧的按钮组件还是老样子，手动点右上角刷新也没用。 我试过断开重连组件、清...
-
2
回答
41浏览
Figma导出的切图在Retina屏上模糊怎么办？
我在Figma里把设计稿切图导出成2x的PNG，放到网页里在MacBook的Retina屏上看还是有点模糊，明明已经用了@2x的图片了啊？ 我试过用img标签直接引用，也试过用background-i...
-
1
回答
34浏览
Figma设计系统里的颜色变量怎么同步到CSS中？
我们团队在Figma里建了一套Design System，颜色都用了Variables，但导出到前端后不知道怎么保持同步。我试过手动复制十六进制值，但变量一改就得全改，太麻烦了。 有没有办法把Figm...
-
1
回答
33浏览
Figma设计稿标注导出后，怎么在Vue里精准还原间距和字体？
我从Figma导出了设计稿的间距和字体标注（比如 padding: 24px, font-size: 16px），但在Vue组件里写出来总觉得对不齐，视觉上明显有偏差。是不是单位或者盒模型的问题？ 我...
-
2
回答
49浏览
Figma切图导出时怎么保证1x、2x、3x尺寸都正确？
我在Figma里设计完界面，准备导出切图给开发用，但发现导出的1x、2x、3x图片尺寸好像不对。比如一个图标在Figma里是24x24，导出2x应该是48x48，但实际导出后尺寸不一致，是不是我哪里设...
-
1
回答
58浏览
Figma导出的CSS代码为什么和设计效果不一致？
我在Figma里做了一个按钮，导出成CSS后粘贴到项目里，颜色和间距都对不上，明明Figma里看着很完美。我试过检查单位、字体、盒模型，但还是有问题。 这是Figma自动生成的CSS代码： .butt...
-
2
回答
46浏览
Figma里约束设置后为啥导出的代码没生效？
我在Figma里给一个按钮设置了左右拉伸的Constraints，但用插件导出成React组件后，宽度还是固定死的，根本没响应父容器变化。是不是导出逻辑有问题？ 我试过手动加style，但想保持和设计...
-
2
回答
35浏览
Figma样式导出后在Vue中怎么保持一致？
我在Figma里定义了一套Text Styles，导出成CSS变量后用在Vue项目里，但字体大小和行高总是对不上，明明数值一样啊！ 我试过直接复制Figma的px值，也试过用rem，但显示效果还是有偏...
-
2
回答
62浏览
Figma里怎么把组件库的Assets资源同步到本地项目？
我在Figma上用团队共享的组件库开发，里面的图标和按钮都作为Assets发布出来了，但我不清楚怎么把这些资源实际用到本地前端项目里。试过直接复制SVG代码，但样式和命名跟设计稿对不上，有没有标准做法...
-
1
回答
46浏览
Figma变体组件切换状态不生效是怎么回事？
我在Figma里做了个按钮的Variants变体，有default、hover、pressed三种状态，也设置了交互属性。但预览时点击根本没法切换到pressed状态，是不是我哪里设置错了？ 我已经确...
-
2
回答
83浏览
Figma组件导入后样式不生效怎么办？
我从Figma导出一个按钮组件，按照设计还原了HTML和CSS，但实际渲染出来的样式和Figma里完全不一样，尤其是padding和字体大小。是不是单位转换有问题？ 我写的CSS是这样的： .figm...
-
1
回答
22浏览
Figma组件怎么无法覆盖主组件的样式？
我在Figma里建了个按钮主组件，然后拖出来几个实例想改颜色，但发现改不了填充色，一改就自动变回主组件的样式了。是不是哪里设置错了？ 我试过右键选“Detach instance”可以改，但这样就失去...
-
1
回答
69浏览
Figma文本样式更新后，部分组件未同步变化怎么办？
我在用Figma设计系统时遇到个怪问题，修改了主文本样式后，有些组件的文字颜色没变，但其他地方正常。我检查过那些没变的文本确实在用这个样式，还试过断开再重新连接，甚至删除重做，还是不行... 有同事说...
-
2
回答
52浏览
为什么我的FigJam白板在React中渲染时会重复加载数据？
最近在用React集成Figma的FigJam白板组件，发现每次保存内容后都会触发两次API请求，导致数据重复加载。明明设置了依赖项，但控制台还是显示重复的日志，这是为什么呢？ 我的组件逻辑大概是这样...
-
2
回答
46浏览
为什么Figma导出的SVG在React里显示时路径错乱？
我从Figma导出的SVG图标在React项目里显示时路径全乱了，明明在设计软件里是正常的。我直接用createFromIconfontCN引入的，调整过width和height也不管用，是不是vie...
-
2
回答
72浏览
Figma Dev Mode导出的组件样式在React中不生效怎么办？
我用Figma Dev Mode导出的按钮组件CSS，在React项目里直接复制粘贴后样式完全没效果。按钮显示成默认的方形，颜色也没变化。之前按照文档配置了正确的类名，但检查元素发现CSS变量好像没被...
-
2
回答
217浏览
Figma导出的SVG在网页中显示变形怎么办？
在Figma里导出的SVG图标到网页上总变形，比如原本正圆变成椭圆，调整过width/height属性也不行。用标签和直接写入HTML的inline SVG都试过了，还是有问题： 用标签这样： <...
-
2
回答
71浏览
Figma插件中动态设置边框样式后页面没更新怎么办？
我在开发Figma插件时，想通过API给选中的组件添加虚线边框，按照文档写了CSS样式的JSON对象，但修改后页面没变化： border: 1px dashed #999; border-radius...
-
2
回答
44浏览
Figma组件嵌套后子组件样式被覆盖怎么解决？
在Figma里设计登录页面时，把输入框组件嵌套到表单主组件里，发现子组件的边框颜色被主组件覆盖了。尝试过在子组件实例里直接改样式，但保存后修改失效，必须回到主组件编辑。 这样每次调整子组件样式都要改主...
