UI UX designer tool with custom style

0 votes

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.

Apr 25, 2023 in UI UX Design by Ashwini
• 5,430 points
583 views

1 answer to this question.

0 votes

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.

answered Apr 25, 2023 by seena

Related Questions In UI UX Design

0 votes
1 answer

Slack UI/UX design with collapsable columns

To replicate Slack's collapsible functionality using Split.js, ...READ MORE

answered Apr 25, 2023 in UI UX Design by pooja
595 views
0 votes
1 answer

Need UI/UX Design layout name

The layout design that Cleartrip.com uses is ...READ MORE

answered Apr 25, 2023 in UI UX Design by pooja
546 views
0 votes
1 answer

UI/UX design or audit - how to measure the costs?

When it comes to charging for a ...READ MORE

answered Apr 25, 2023 in UI UX Design by Tej
633 views
0 votes
1 answer

How to achieve this UI/UX design for an iOS UIButton object

From the image provided, it appears that ...READ MORE

answered Apr 25, 2023 in UI UX Design by seena
897 views
0 votes
1 answer
0 votes
1 answer

Which is better normal desktop window or MDI like excel and chronos

How people interact with your system entirely ...READ MORE

answered Nov 4, 2022 in Others by narikkadan
• 63,600 points
454 views
0 votes
1 answer

UI/UX Design in Real Time Applications

When designing for real-time applications like those ...READ MORE

answered Apr 25, 2023 in UI UX Design by vinayak
567 views
0 votes
1 answer

Coding Photoshop UI/UX to fully working website?

To turn your Photoshop UI/UX design into ...READ MORE

answered Apr 25, 2023 in UI UX Design by Anitha
551 views
0 votes
1 answer
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP