Highlighted

Make text reuable across multiple artboard (devices) with different font sizes

New Here ,
Aug 09, 2019

Copy link to clipboard

Copied

Hi I currently use XD to create web designs for clients providing them with an artboard for mobile / tablet / desktop. I want to use text components to be able to easily replace text across all artboards, but I am having issues with the mobile artboard. I require the font to be smaller on the mobile artboard and when I change the font size to be smaller for that component and then change the text in the master component it no longer updates the text on the mobile artboard.

Changing other parts of the element like colours etc seem to work fine but if I change the font size then it no longer updates.

Is there a work around I can do?

Thanks in advance.

Adobe Community Professional
Correct answer by Ares Hovhannesyan | Adobe Community Professional

Thank you for using Adobe Xd. Please review Components and pay your attention to Override properties feature of components.

Override properties

Master components provide the required consistency to maintain a design system. Any changes made to the master component automatically propagate to its instances.

Changes to the master component propagate to its instances

However, a design system is only as usable as the degree of flexibility it provides. You can start with the same original element, but you have to customize it depending on the context where it is used. That’s where instances come in. When you edit any instance of a component, it does not affect the master component. Every property you change is considered an override.....

Views

66

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Make text reuable across multiple artboard (devices) with different font sizes

New Here ,
Aug 09, 2019

Copy link to clipboard

Copied

Hi I currently use XD to create web designs for clients providing them with an artboard for mobile / tablet / desktop. I want to use text components to be able to easily replace text across all artboards, but I am having issues with the mobile artboard. I require the font to be smaller on the mobile artboard and when I change the font size to be smaller for that component and then change the text in the master component it no longer updates the text on the mobile artboard.

Changing other parts of the element like colours etc seem to work fine but if I change the font size then it no longer updates.

Is there a work around I can do?

Thanks in advance.

Adobe Community Professional
Correct answer by Ares Hovhannesyan | Adobe Community Professional

Thank you for using Adobe Xd. Please review Components and pay your attention to Override properties feature of components.

Override properties

Master components provide the required consistency to maintain a design system. Any changes made to the master component automatically propagate to its instances.

Changes to the master component propagate to its instances

However, a design system is only as usable as the degree of flexibility it provides. You can start with the same original element, but you have to customize it depending on the context where it is used. That’s where instances come in. When you edit any instance of a component, it does not affect the master component. Every property you change is considered an override.....

Views

67

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 09, 2019 0
Adobe Community Professional ,
Aug 09, 2019

Copy link to clipboard

Copied

Thank you for using Adobe Xd. Please review Components and pay your attention to Override properties feature of components.

Override properties

Master components provide the required consistency to maintain a design system. Any changes made to the master component automatically propagate to its instances.

Changes to the master component propagate to its instances

However, a design system is only as usable as the degree of flexibility it provides. You can start with the same original element, but you have to customize it depending on the context where it is used. That’s where instances come in. When you edit any instance of a component, it does not affect the master component. Every property you change is considered an override.....

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 09, 2019 1