Using Theme Generator

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

Updated over a week 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' AI assistant at the bottom of the screen:

2) Select 'Generate a theme':

3) Click on 'Text':

4) Type in your prompt for the theme you'd like to use and click send, or if you're unsure of where to start you can click 'How do I describe a theme':

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' AI assistant at the bottom of the screen:

2) Click on 'Generate a theme':

3) Select 'Walk me through it':

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' AI assistant at the bottom of the screen:

2) Select 'Generate a 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) Click 'Preview generated theme' to see how it looks 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 a URL

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

2) Select 'Generate a theme':

3) Select 'Website':

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 or 'Enter another website' if you want to try a different URL:

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 and you really need to recover a previous version of your project, please reach out to support@uizard.io so that we can look at the possibility of recovering your project ๐Ÿ‘


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 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?