Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

Foundation UI Kit for Adobe XD

Spend your precious time on solving real design problems, instead of recreating the standard UI components you need in every project.

Foundation UI Kit for Adobe XD is the new widget library for rapid prototyping for mobile, tablet and desktop. All components are based on Foundation 6, the most advanced responsive front-end framework in the world.

This comprehensive UI Kit helps you create high quality, interactive prototypes fast. Preview components below or download library now. Make sure you have Adobe XD installed.

Reasons you'll love the new Foundation UI Kit: One visually consistent UI framework Based on Foundation 6 by Zurb You'll spend more time on solving real design problems Components for mobile, tablet and desktop

Reasons to use Adobe XD: Design at the speed of thought Create artwork, wirefreames, screen layouts, interactive prototypes and production-ready assets all in the same app All vector graphics Repeat grid Easy to export assets to iOS, Android and web +++

I have written a blog post about my experiences with using Adobe XD for design and prototyping. You can check it out here: https://medium.com/@olefredrik/adobe-xd-your-new-favorite-design-tool-f03e45ee3f3c#.50jdlddo2

Included components:

  • Accordion
  • Accordion Menu
  • Badge
  • Block Grid
  • Breadcrumbs
  • Buttons
  • Button Groups
  • Dropdown Buttons
  • Split Buttons
  • Callout
  • Cards
  • Forms
  • Labels
  • Orbit (slider)
  • Pagination
  • Progress Bars
  • Sliders
  • Tabs
  • Side Nav
  • Sub Nav
  • Tables
  • Thumbnails
  • Title Bar
  • Tooltips
  • Top Bar
  • Type

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.
Prev
Next

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.

How can I unzip product files?

PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.

Mac: Double click the .zip file, then search for the product folder or product file.

If you continue to have trouble, check out this help file for more tips.