Skip to main content
Using Theme Generator

Do you want to quickly change the style and theme for your project? Learn how!

Updated over 5 months ago

About Theme Generator

Who can use this feature? ๐Ÿง™

Theme Generator helps you quickly add a different style and apply a theme to a pre-existing design in Uizard using AI!

Let's see how to utilize this magic and make changes to your project with ease ๐Ÿ™Œ


Using Theme Generator

If you want to apply a consistent style across your design, Theme Generator could be the perfect tool for you!

Generating a theme from a prompt

1) Click on the 'How can I help you?' button at the bottom of the screen:

2) Select 'Generate theme':

3) Click on 'Type a description':

4) Type in your prompt for the theme you'd like to use and click send:
โ€‹

5) Click on 'Preview generated theme' to see how it will look in your project:

6) You can click toggle back and forth and then click 'Apply generated theme' if you're happy with it or 'Go back' to revert and try something else:
โ€‹


Generating a theme from scratch

1) Click on the 'How can I help you' button at the bottom of the screen:

2) Click on 'Generate a theme':

3) Select 'Guide me:

4) Choose the style options that you like with colors, font style, shadows, and borders:

5) Click on 'Generate theme':

6) Select 'Preview generated theme' to see how it looks within your project:

7) You can click toggle back and forth and then click 'Apply generated theme' if you're happy with it or 'Go back' to revert and try something else:
โ€‹

Generating a theme from a screenshot

1) Click on the 'How can I help you' button at the bottom of the screen:

2) Select 'Generate theme':

3) Next, click on 'Upload a screenshot':


4) Drag and drop the image you'd like to use into the blue field or click it to upload a file:


5) Select 'Yep, generate a theme':
โ€‹

6) Click 'Preview generated theme' to see how it looks in your project:


7) You can click toggle back and forth and then click 'Apply generated theme' if you're happy with it or 'Go back' to revert and try something else:

Generating a theme from a URL

1) Click on the 'How can I help you' button at the bottom of the screen:

2) Select 'Generate theme':

3) Select 'Enter website URL':

4) Type in the URL you'd like your theme to be inspired from and click the send icon:


5) Select 'Generate theme' if you're happy with it (if not select 'Use another website)':

6) Click 'Preview generated theme' to see it within your project:

7) You can click toggle back and forth and then click 'Apply generated theme' if you're happy with it or 'Go back' to revert and try something else:


Reverting a theme

Have you gone with a theme and decided that you don't like it? No worries!

Here is how you can revert a theme immediately after applying it:

1) After creating your theme, you still have the opportunity immediately after generating to click the "undo" arrow:


2) If you find that you're past the point of being able to revert your theme, unfortunately the changes made cannot be reverted. As a potential solution we suggest trying to generate a new theme from scratch with the settings, which were used previously. This should help to retrieve at least a very similar version of the project you had ๐Ÿ™Œ


Editing a theme

Currently, editing the theme settings isn't possible.
โ€‹๏ปฟ
๏ปฟTo give you more context, recently, we've made some changes that temporarily remove some of the "themes" functionality, including theme editing. These changes are part of a larger project that is broken down into smaller iterations, and the full update has not yet been launched.
โ€‹๏ปฟ

In the meantime, we would like to suggest a temporary workaround for customizing your theme. If you want to customize an already generated theme, you'll need to generate a new theme from scratch with the chosen settings ๐Ÿ˜Š


FAQs

Is there a way to set a theme across all projects?

There isn't a way to set a theme or brand theme across all projects in your organization at this time; however, we're always looking for ways to improve!

Did this answer your question?