Hey everyone! I’m having trouble matching colors from my Figma design to my Flutter app. The Figma file gives me RGBA values, but when I use them in Flutter, the colors look different. Is there a special way to convert RGBA from Figma to Flutter color codes? I’ve tried using the Color class, but it’s not quite right. Any tips or tricks would be super helpful! I’m new to mobile app development and want to make sure my app looks exactly like the design. Thanks in advance for any advice!
I’ve encountered this problem before, and what really helped me was understanding how Figma and Flutter handle color values differently. In Figma, the RGB channels use a 0-255 scale, which means you need to normalize them by dividing each value by 255 when applying them in Flutter. The alpha channel in Figma is typically given as a percentage, so converting it to Flutter’s expected range (0 to 1) is essential. Once you process these values correctly, the Color class in Flutter will match your design accurately. This approach has consistently worked for me.