UI UX designer tool with custom style

Question

My clients have their home grown style sheets for buttons, labels, alerts etc for consistent look across their applications.

Now if I want to create high fidelity mockups for client review, is there a way to generate mockups using the styles sheet they have?

Any tools like Adobe / Sketch can do the same?

Appreciate your feedback.

Answer 1

Yes, there are several UI/UX design tools that allow you to use custom styles and apply them to your mockups. Adobe XD and Sketch both have the ability to import custom styles and apply them to your designs. Here's how you can do it in each tool:

In Adobe XD:

1. Open the "Assets" panel.
2. Click on the "+" icon and select "Character Styles" or "Color Swatches".
3. In the "Import Styles" dialog box, navigate to the location of the style sheet and select it.
4. The styles will be imported into the "Assets" panel and can be applied to your designs.

In Sketch:

1. Open the "Shared Styles" panel.
2. Click on the "Import" button and select "Text Styles" or "Color Swatches".
3. In the "Import Styles" dialog box, navigate to the location of the style sheet and select it.
4. The styles will be imported into the "Shared Styles" panel and can be applied to your designs.

By using these tools, you can quickly create high fidelity mockups using your client's existing style sheet and ensure a consistent look and feel across all their applications.

To know more about UI UX, It's recommended to join UX Design Course today.