uxpin.comUXPin | UI Design and Prototyping Tool

'); Toggle Menu Testimonials Enterprise Pricing Resources Docs Video Tutorials Webinars eBooks Blog 1 (855) 223-9114 Log in If you can imagine it, you can design it. Design, prototype, collaborate all in one place. Join for free Available on Windows, Mac or simply in the browser. No credit card required. Trusted by HBO PayPal Sapient Autodesk Netflix Microsoft Sony What makes UXPin stand out? Other design tools only allow you to fake interactions by linking whatever you draw. What they lack are our interactive states, logic and code components. Interactive Stateful Elements Spare yourself chaos and redundancy. Fill your design with interactive elements without the need to duplicate artboards. Soon Code Components Design from one source of truth. Prototype with functional and interactive elements generated from production code. Conditional Interactions, Variables, Expressions Get much closer to real, coded apps — add a layer of logic to your prototypes, store and manipulate users' input. It all starts with an idea... Then, ideas need a place to come to life. Create everything from well-planned wireframes to intriguing interfaces in UXPin. Together and in real time. Join for free Built-in libraries Easily access libraries for iOS, Material Design and Bootstrap, as well as hundreds of icons to let you work faster. Interactive form elements Use fully interactive text fields, checkboxes, and radio buttons instead of drawing their static imitations. Vector drawing tools Draw and combine vector shapes to create icons or beautiful illustrations. Point and curve smoothly. Components Build things fast, consistently and save yourself the repetitive work. Update all components at once or edit each instance separately. Code components Soon Automatically sync React.js components to UXPin from your repository. Never redraw your patterns all over again. HTML import Soon Kick-start your prototyping by importing an existing web page or any piece of it to UXPin. Data Make your design meaningful. Use your own data in various formats or ready-to-use content, such as avatars, cities, and names. Accessibility features New Keep your designs in line with WCAG contrast standards. View them as people with one of the eight different types of color blindness. Real-time collaboration Work with your team in real time just as you would in Google Docs. On Windows, Mac or in the browser. Do much more with UXPin's editor 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 States Design different versions of any element and animate between them. Update properties between states with just one click. Variables Dynamically update text elements, capture data from inputs or store user preferences to use later on your prototype. Conditional interactions Add a layer of logic to your prototypes. Set rules that make the interaction happen only if those rules are met. Expressions Use JavaScript to create computational components, like shopping carts or to validate user inputs, such as emails. Page transitions Link pages and create delightful transitions between them quickly. Choose from over ten options. UXPin Mirror New Preview your prototypes on mobile devices fast and easy. Available on iOS and Android. No USB/Wi-Fi needed. Just scan the QR code. Sketch import Using Sketch? Import your Sketch files to UXPin so that you can pick up right where you left off. Give your prototypes the superpowers they deserve Merge Early Access A revolutionary technology that connects design and engineering. Merge lets you import and sync code React.js components from Git repositories to the UXPin Editor. 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 Share Every prototype has its own shareable link that’s always up to date. You can even password protect it. Comments Collect feedback from your team to iterate quickly, stay in sync and ensure transparency throughout the whole process. Task assignments Highlight the sense of responsibility and teamwork by assigning team members to comment and keep up with changes. Approval requests Invite stakeholders to your prototypes and get their official approvals, without them having to sign up. We wish you approvals only! Specs, assets and code Make it easy for developers to check the visual specs of your components, such as measures of distances, sizes and styles. Freeflow documentation Set up detailed guidelines or simply leave notes. Then, pin them to specific elements on your prototype. Automatic style guide Keep a summary of all colors, fonts and assets from each prototype in one place. The style guide updates as you design. Notifications Get Slack notifications or emails when things change or someone mentions you. Work as a team of super heroes 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 Component libraries Create a set of shared colors, text styles, assets and UI components to ensure consistency and increase productivity. Permissions Set team permissions for your design systems to have full control over who can edit or view them. Syncing Push and pull changes with one click. Rest assured, everyone on the team will always use the latest version. Design system portal Keep company design guidelines, assets and components. Look up documentation, and code. In one place. Export Developers can access your design system in JSON, as well as popular styling formats to integrate them with the code. Scale your design A neat dashboard with all your designs. Keep things organized. Invite others for smarter collaboration. Enhance team productivity and push things forward together. Join for free Statuses As your design evolves, make sure your team is well aware of the progress. Iterations Save your designs, retrieve at will, and make them accessible to those involved. Permissions Invite others to you view your designs and assign team permissions accordingly. Activity feed Never miss out on what’s going on. The activity sidebar lets you stay on top of things. Safety Anything you design is securely encrypted and fully backed-up. We can never stress this enough. Stay on top of things from day one 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 Get started with UXPin now Design, prototyping and design systems solution chosen by the best. Join for free No credit card required. PayPal HBO Sapient Microsoft Sony Netflix Autodesk LiquidPlanner Sumo Logic UXPin UXPin Import from Sketch Customers Enterprise Pricing Log in Downloads UXPin for Mac UXPin for Windows Mirror for iOS Mirror for Android Resources Docs Video Tutorials Community Forum Blog E-books Webinars Prototype Showcase About Company Jobs New Press Kit Contact us © UXPin Inc. All rights reserved. Privacy Terms of Service Security...