Troubleshooting wireframes

Having issues with wireframes or Wireframe Scanner? Fix it in no time by checking out this article!

Updated over a week ago

About troubleshooting wireframes

Wireframes are used to focus on the functionality of your app or website design rather than the design as a whole.

Sometimes problems come up while using Wiframe Scanner or wireframes in general. We're here to help you get it fixed ๐ŸŒŸ

Inaccurate Wireframe Scanner transformation

Most commonly, the wireframe transformation is inaccurate due to not following sketching rules. These guidelines are what the Uizard AI uses to recognize various shapes, texts, and other components.
To make sure your wireframe is transformed as accurately as possible, make sure to follow Uizard wireframe sketching guidelines.

Incorrectly identified components

It might be the case that even after following the sketching guidelines some components still weren't transformed as expected with Wireframe Scanner.
In such cases, we'd recommend adjusting these components (or adding missing components) simply by editing them manually.

You can learn all about how to add/edit all kinds of Uizard components by skimming through the 'Component types' and 'Managing components' articles! ๐Ÿ’ช

Images aren't visible

Have you been adding images to your design and you've only been able to see these boxes?

If you've been trying to find a way to see the images you've been adding instead of these boxes, look no further!

The explanation for this is that you're in wireframe mode, which limits your ability to see the full design ๐Ÿ‘

You can turn off the 'Wireframe mode' in two different ways. Here's how you can turn off wireframe mode via the top menu:

1) Click 'Mockup Mode' on the top menu to toggle off wireframe mode:

Here's how to turn wireframe mode on and off via the Magic tab:

1) Click 'Magic' on the left-hand menu and choose the 'Wireframe mode' option. Turn off the wireframe mode by using the switch outlined below:

And presto! You should now be able to see images normally now ๐Ÿ™Œ

Unable to edit styling, font, and colors

If you're unable to change the font of your text, edit styling, or change the color of things, chances are that you're in wireframe mode!

In wireframe mode, design options are limited to focus solely on functionality. Similar to above, you'll simply need to turn off wireframe mode!

Did this answer your question?