Style Guide Template Ux Design Sketch App

Light Logo of UXPin Dark Logo of UXPin Toggle Menu

Merge

What is Merge Technology?

UXPin Merge lets designers and developers use the same components synced from Git repository to build products faster. Scale and develop – faster than ever.
Learn more on how to design with code components.

Our product designs go around 6 times faster than with other tools as we use production-ready UI components.

Prototypes that feel like the real thing.

UXPin is not your average prototyping tool for linking static screens or artboards with transitions. It gives you everything needed to design prototypes that work like they're the finished product.

Join for free

Design different versions of any element and animate between them. Update properties between states with just one click.

Dynamically update text elements, capture data from inputs or store user preferences to use later on your prototype.

Add a layer of logic to your prototypes. Set rules that make the interaction happen only if those rules are met.

Use JavaScript to create computational components, like shopping carts or to validate user inputs, such as emails.

Preview your prototypes on mobile devices fast and easy. Available on iOS and Android. No USB/Wi-Fi needed. Just scan the QR code.

Using Sketch? Import your Sketch files to UXPin so that you can pick up right where you left off.

Collaboration doesn't get easier than this.

Instantly share anything you create in UXPin. Collect feedback from your team, share specs with developers, get approvals from stakeholders — all in one place.

Join for free

Every prototype has its own shareable link that's always up to date. You can even password protect it.

Collect feedback from your team to iterate quickly, stay in sync and ensure transparency throughout the whole process.

Invite stakeholders to your prototypes and get their official approvals, without them having to sign up. We wish you approvals only!

Make it easy for developers to check the visual specs of your components, such as measures of distances, sizes and styles.

Set up detailed guidelines or simply leave notes. Then, pin them to specific elements on your prototype.

Keep a summary of all colors, fonts and assets from each prototype in one place. The style guide updates as you design.

Design systems at scale.

Build dynamic, cohesive and reusable design systems that are easy to maintain by everyone in your team to ensure consistency across designs.

Join for free

Create a set of shared colors, text styles, assets and UI components to ensure consistency and increase productivity.

Set team permissions for your design systems to have full control over who can edit or view them.

Push and pull changes with one click. Rest assured, everyone on the team will always use the latest version.

Keep company design guidelines, assets and components. Look up documentation, and code. In one place.

Developers can access your design system in JSON, as well as popular styling formats to integrate them with the code.

Merge

Design with Code Components.
Release products faster.

Cut down the design development process and bring production-ready components to UXPin's editor. Merge technology allows you to design with what's been already coded, no matter what the framework is.

Discover Merge merge technology demo

Design different versions of any element and animate between them. Update properties between states with just one click.

Design with React components from your Git repo to eliminate the handoff drift and build prototypes that behave like end product.

Discover Git integration

Design with UI components straight from your Storybook. Doesn't matter which framework you use, you'll integrate in under a minute.

Discover Storybook integration

UXPin saves us hundreds of hours of product development by simplifying collaboration. Plus, with its great library of components, I can literally go in, cut and paste a component into my design, and we're off and running.

Larry Sawyer
I use UXPin for everything from hi-fi prototypes to my own rough drafts. UXPin gives you flexibility and creative freedom you can't find anywhere else.

Tracy Dendy
UXPin prototypes gave our developers enough confidence to build our designs straight in code. If we had to code every prototype and they didn't test well, I can only imagine the waste of time and money.

Edward Nguyen