Delete the Disconnect Between Designers and Developers with Merge

UXPin Merge is a code-based design tool that centralizes the process of building digital products. Merge lets designers import developer’s existing custom React components in a seamless fashion to create interactive prototypes using real code. After the integration, you’ll be able to design an interactive Todo list prototype. The components are in the `src/components` directory and are outlined in the screenshot below: When this tutorial is completed, a designer will be able create a prototype with these components. The Todo app has three React components:.Form – create a todo item, filter todos by their current state.