Hey everyone,
Hoping to get some help from the community on a design project. I'm currently building a detailed UI kit and prototype in Figma based on the new block textures and interface elements from the latest Minecraft beta.
I'm working with the files from the most recent build I could find, which is from here:
https://minecraftfullgamedev.github.io/MinecraftFullGameDev/
I'm running into some strange issues when I bring the assets into my Figma project, and I'm wondering if anyone has experienced something similar.
The Core Problem in Detail
When I extract the UI elements (like the hotbar, health icons, and chest interfaces) and import them as SVGs or PNGs, they don't seem to render correctly in the Figma canvas.
Here are the specific issues I'm facing:
-
Color Inconsistency: The colors of certain blocks and items appear washed out or slightly different from how they look in the game. It feels like a color space mismatch, but I can't seem to fix it.
-
Vector Rendering Artifacts: Some of the icons, when imported, have very subtle rendering artifacts or anti-aliasing issues around the edges that make them look less crisp.
-
Component Scaling: When I try to create components with 9-slice scaling for things like buttons or text boxes from the game's UI, the pixel-perfect aesthetic gets distorted.
What I've Tried So Far
-
Switching Figma’s color space between sRGB and Unmanaged.
-
Exporting the assets in various formats before importing.
-
Building the components from scratch using the imported assets as a reference, but matching the exact color and feel is proving difficult.
Has anyone else here worked on a game UI project with assets from a new beta build? Is there a specific plugin or import setting that works best for maintaining the color fidelity and sharpness of game assets in Figma?
Any advice would be amazing. Thanks