Free Adobe XD UI Kit: Private File Sharing that Prioritizes Security

Creativity 06-19-2018
Adobe Products Featured

Easy-to-use, enjoyable interfaces may delight your users, but they’re likely to reject your designs if they don’t feel secure using your app and sharing their data. That’s why it’s important for user experience (UX) designers to prioritize security features in their products, and properly communicate those features (and how to use them) effectively. Do security right, and you can win the UX jackpot — do it wrong, and you’ll find your users will quickly look for another app or service.

The Vault UI Kit is the latest free user interface (UI) resource for Adobe XD, and it has a host of beautiful and functional components for building an app or website with secure elements (from passcodes to encrypted file sharing). You can download the Vault UI Kit here, and for more user interface resources for Adobe XD, check out our five latest free UI kits and icon sets.


Vault UI Kit: Secure login features, private file sharing, and end-to-end encryption elements

The Vault UI Kit was created by San Francisco multidisciplinary designer Kerem Suer and Ame Elliott, design director of the educational nonprofit Simply Secure, which is devoted to advancing the causes of security, privacy, and transparency in product design. It features tons of UI elements to help you build an app or website in Adobe XD with security elements, such as:

  • Phone number login.
  • Touch ID login.
  • The ability to secure files in your Private Vault.
  • The ability to view your shared files/folders.
  • The ability to audit your file/folder activity with Activity Log.
  • Send a secure copy of a file, protected with end-to-end encryption.
  • Secure public-key barcode scan.
  • Profile card.
  • List edit mode.

In short, the Vault UI Kit provides you with important tools to transform the security demands of your next app or service into an opportunity. With it, you’ll be able to delight your users with a spectacular UX. It is built in Adobe XD, allowing designers to:

  • Simply change the color of the whole app within clicks.
  • Be consistent with assets with the devoted asset manager.
  • Create fixed elements used to reflect a more realistic prototype (navbar).
  • Create overlays to be used for action sheets.
  • Publish design specs.
  • Use repeat grid to replicate security checks across features.


Meet the designer: Kerem Suer

Kerem is an Istanbul-born interdisciplinary designer with more than 14 years of experience designing and prototyping human interfaces. Kerem began his career as the first interaction designer of Fitbit during its very early stages, and then later went on to start his own design studio. There, he’s helped companies create and define visual design systems across web, mobile, and desktop. His clientele includes companies such as Dropbox, Pinterest, Intuit, Omada Health, MyFitnessPal, and Zendesk. Kerem is based out of foggy San Francisco and is rarely seen without his four-legged assistant designer, Lola.

Meet the designer: Ame Elliott

Ame (sounds like Amy) Elliott is a design director for Simply Secure, an educational nonprofit building a community of professional practitioners who put people at the center of privacy, security, transparency, and ethics. She uses a human-centered design approach to the challenges of privacy and forges relationships with multidisciplinary teams of software engineers, user experience designers, and researchers. She is based in Berlin, Germany, where she works on software design for information security with Trust7. In 2018 Ame was recognized as one of Fast Company’s Most Creative People in Business.

Want more UI kits? Check out Adobe XD’s latest design resources

Adobe XD has many other free UI resources available, including five UI kits and icon sets designed to help you build everything from a restaurant website to a fashion e-commerce hub. We’ve also recently published some of our favorite, free XD UI kits for 2019. After you’ve explored the Vault UI Kit, check out these other UI kits below:

  • Social Meet Up UI Kit: A social media UI kit that provides an extensive set of screens that designers can use to design and prototype engaging and stunning social meetup apps.
  • E-Commerce UI Kit: Everything you need to design e-commerce solutions, and some added “Pawtastic” dog and cat-related UI elements for pet app fun.
  • Travel Companion UI KitFrom hotel, flight, and activity listings to buttons and icons, here’s a comprehensive kit for travel-themed apps or websites.
  • Transportation UI KitWith more than 60 customizable screens full of symbols and other elements, like navigation, Navigo helps you design transportation experiences for apps or websites.
  • Apple iOS Design Resources: These new UI materials make it easier to quickly design iOS apps.
  • Google Material Sticker Sheet: Provides elements like light and dark symbols for status bars, app bars, bottom toolbars, cards, drop-down menus, and more to design Android apps.
  • Windows UI Kit: Allows you to start designing Universal Windows Platform (UWP) apps.
  • Office UI Fabric Design Kit: Helps you design seamless Office and Office 365 experiences.
  • Smartwatch UI Kit: A comprehensive UI kit for the smartwatch, with more than 20 customizable components and more than 30 customizable icons.
  • Dashboard UI Kit: Includes 100 customizable components across 10 screens, with more than a dozen charts (the backbone of many dashboards) to help simplify the dashboard design process.

Not sure where to start? Check out our full list of tools and resources for everything you need to get started designing, prototyping, sharing, and working with unique UI kits in Adobe XD. And for UX insights sent straight to your inbox, sign up for Adobe’s experience design newsletter.

Recommended Articles