I am trying to embed an avatar image into a screen I am designing in Google Stitch. Although I tried multiple image file formats (JPG, PNG), a few ways to explicitly make the image with transparent background (with explicit guidelines to AI Studio and with an external BG remover script) and I mentioned the requirement of transparent background embedding within Google Stitch prompt, I am keep getting a checkers backgrodung around the embedded avatar.
How can I fix it in stitch?
Hey @Zeev_Polak, thanks for reaching out! Did you try using a transparent image? Alternatively, please try this: open your DESIGN.md file in the project editor and add a quick layout rule under your design guidelines: All avatar and icon components must use background: transparent !important;. Adding this flag acts as an absolute guardrail to keep the linter from adding background grids during future design iterations.
Please give this a try and let me know if it works for you. I’m happy to help further!
