{"id":17104,"date":"2019-07-04T01:41:44","date_gmt":"2019-07-04T08:41:44","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=17104"},"modified":"2020-04-22T06:34:42","modified_gmt":"2020-04-22T13:34:42","slug":"unleashing-the-full-potential-of-components-in-uxpin","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/unleashing-the-full-potential-of-components-in-uxpin\/","title":{"rendered":"Unleashing the Full Potential of Components in UXPin"},"content":{"rendered":"\n

We love listening to customer feedback, collecting it and acting upon it! Today, we say so long<\/em> to Symbols and introduce Components to UXPin. From the ground up, they are more intuitive, powerful, and a lot easier to learn. Read all about Components in our tutorial<\/a>.
<\/p>\n\n\n\n

From the new way of editing the Master Component to (almost) unlimited overrides, the changes that we have implemented this time will make your prototyping time spent inside of UXPin a much more streamlined, enjoyable, and time-saving one. 
<\/p>\n\n\n\n

At UXPin, we believe that design tools should encourage your creative work, let you design and prototype faster as well as help you maintain consistency across the entire project. Our goal was to make Components much easier to get started with and, at the same time, very flexible so they support even the most complex use cases.
<\/p>\n\n\n\n

Let\u2019s Separate the Instance from the Master, Shall We?<\/strong>
<\/h2>\n\n\n\n

Every Component has two parts, the Master Component, and the Instance. You basically start by creating a Component from a selection of elements that will make it up. You can then copy it \u2013 each and every copy on the prototype is called an Instance.<\/p>\n\n\n\n

Overriding Instances<\/h3>\n\n\n\n

When it comes to Instances, they give you lots of freedom in editing elements inside them. However, there are a few things which you can\u2019t do. And these include changing the position and size for elements inside Instances, copying and pasting new elements into them, as well as changing the layer order. Also, you can\u2019t delete nested elements, group and ungroup elements or move them between groups. It\u2019s worth mentioning here that trying to delete an element inside an Instance will hide it, not delete it
<\/p>\n\n\n\n

\"Instances<\/figure>\n\n\n\n

Editing the Master<\/h3>\n\n\n\n

Instances are reflections of their Master Component. So any changes you make to the Master Component are propagated to its Instance. You\u2019re probably wondering by now: \u201cSince changes to the Master Component are reflected in the Instance, what happens if I change the instance and then edit the Master? Will these changes disappear? Heck no, not at all! Any change you\u2019ve already made to an Instance will remain even if you edit the Master.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

You can, of course, reset overrides back to the original properties of the Master Component. You can do this either for the entire Instance or reset selected properties for an element inside it
Previously when you edited any Symbol instance, the changes would have propagated to all other Instances. The only exception was if you\u2019ve changed one of the following: <\/p>\n\n\n\n