Figma导出图片至Android Studio后显示全黑的问题求助

核心原因及对应修复方案 #

1. 调整Figma导出参数 #

• 导出插图时，选择PNG格式，取消勾选「Outline Stroke」选项（若插图为描边样式，开启此选项会导出纯轮廓图，Android默认渲染为黑色）。
• 优先导出为SVG格式，通过Android Studio的「Vector Asset」工具导入（右键drawable目录 → New → Vector Asset → 选择本地SVG文件），矢量图适配多分辨率且不会出现颜色失真。

2. 修正ImageView的渲染配置 #

检查布局文件中的ImageView是否被意外设置了着色规则：

• 移除android:tint属性，或删除代码中imageView.setColorFilter(...)这类着色逻辑。
• 确保使用app:srcCompat引用图片，示例代码：

<ImageView
    android:id="@+id/figma_illustration"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/your_exported_image" />

3. 修复图片本身的通道问题 #

部分Figma导出的PNG存在Alpha通道异常，可通过以下方式修复：

• 用Photoshop/GIMP打开图片，切换为RGB颜色模式，重新导出PNG并保留透明通道。
• 在Figma中选中插图，右键选择「Flatten Selection to Bitmap」后再导出，避免矢量转位图时的格式异常。

4. 排查全局主题的着色设置 #

检查App主题是否设置了全局图片着色：

• 打开res/values/themes.xml，查看是否存在android:imageTint这类全局属性，若有则移除；或给目标ImageView添加android:tint="@null"来覆盖全局设置。

内容的提问来源于stack exchange，提问作者Grkn