We're evaluating UXPin and the storybook merge feature with our Svelte component library. We love it so far. One thing that we feel is missing is that the selections the designer makes for the args/props are only visible in design mode. When a dev views the design, there doesn't appear to be a way for the dev to easily determine what property values were used on the component to achieve the result. Spec mode shows some style properties, but not component args/props. Is this a feature that is on the radar? We're comparing UXPin to other options that use storybook directly and this is one differentiator for us because it lowers the 'time to grok' a design when you can directly inspect the component properties that drive it.
Where am I?
In UXPin you can ask and answer questions and share your experience with others!
Hi Eric! In the Spec Mode you can find link to Storybook documentation of the component which shows the default props and the prop definition.
In the Spec Mode you can also see the actual JSX code which included the properties that were specified by the designer, like in the screenshot below: an image of a designer-modified component and the props it displays.
There's always place for improvement though. We'll definitely keep your suggestion in mind!
So, we're using Svelte, thus no JSX and Storybook for our Merge Library. Spec mode does not contain any source code or property selections, it just has a link to the default props documentation page.