Skip to main content
da.domino
February 1, 2024
Question

Design mode vs Prototype mode screen appearance

  • February 1, 2024
  • 3 replies
  • 445 views

I am a new user, taking a UI Design bootcamp course at eCornell. In my project app, when running the prototype a couple of screens are displaying with what appears to be a dark overlay with minimum opacity. Here’s an example of a screen in Design and the same screen in Prototype:

Screenshot 2024-02-01 at 11.22.31 AM

Does anyone have an idea on cause or correction?

Thanks, David D.

This topic has been closed for replies.

3 replies

y_toku
Figmate
y_toku
Community Support
February 2, 2024

Hi there,

Thanks for the post! It looks strange. Would you be able to share your link with us? Happy to take a closer look. When sharing, please make sure we can view the design file.

Thanks!
Toku

Nellya
Nellya
Power Member
February 2, 2024

Maybe your design have a transparent gradient background. Canvas color in prototype mode is black instead of a grey in design mode, so it’s visible though your design

da.dominoAuthor
February 7, 2024

Nellya’s suggestion was spot on. The two offending screens were lacking the opaque, iPhone scaled background at the back layer. Once those were added, the problem was solved. Thanks to the community for the quick responses.

dd

Terms & ConditionsAccessibility statement