Skip to main content
Question

Design mode vs Prototype mode screen appearance


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:

Does anyone have an idea on cause or correction?

Thanks, David D.

This topic has been closed for comments

3 replies

y_toku
Figmate
  • Community Support
  • 2383 replies
  • 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
  • Power Member
  • 476 replies
  • 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


  • Author
  • 1 reply
  • 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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings