From the course: Prototyping for Non-Designers
Join today to access over 25,500 courses taught by industry experts.
Prototyping components
From the course: Prototyping for Non-Designers
Prototyping components
- [Instructor] It is not uncommon for the components of a design system to be stored on a repository, such as Storybook. Storybook is a library of components in a design system, where developers can not only add components, but also test and debug them. UXPin makes this entire process easier for both designers and developers by giving designers the ability to drag and drop fully coded interactive JavaScript components into the UXPin canvas. What you're looking at is the Material UI Storybook Library that UXPin has graciously allowed me to use. This library contains a number of ReactJS components, which can be integrated with UXPin, and what I've selected is the date picker, and if I click on it, I get a full preview of what it looks like and how it functions. There are also a number of controls down here, where I can change the text and how things are shown. So how does this library get over to UXPin? Well, the first step is to copy the URL. So I copy the URL, and I come over to…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.