Zelda BOTW UI Kit for Figma and Adobe XD

Zelda BOTW UI Kit - Freebies for Figma and Adobe XD

Introduction

Ever since Breath of the Wild was first released I have wanted to do a project centered around its user interface.

From the subtle animations that help guide the user to understand what is happening, to the intricate, yet simple menu systems, there is a lot more under the hood than I first expected.

I can now say for certain that a staggering amount of work went into the creation of the User Interface, and it shows everywhere when you begin look closer.

UI Challenge

In an effort to sharpen my user interface design skills, I challenged myself to build the entire user interface of Zelda: Breath of the Wild.

This Figma UI Kit is the result!

Also, its not just a dumb pixel copy… All of the components are built using Figmas scaling and responsive tools, as well as variants and components. This thing is ready for anything.

Every single element on these pages, save for the 3D game screenshots (that I used as backgrounds) and the item spritesheets I created myself for this project. Every text element, UI piece, and icon were crafted from scratch using Figma and Illustrator.

This has been a wonderful project, and I have learned a ton about the effort and care that went into crafting this interface.

This freebie Zelda BOTW UI Kit was originally shared by Hunter Paramore on this url.

The categories for this freebie are Uncategorized. Tools used to create this freebie are Figma and Adobe XD.

Helpful hint: If the license is unknown, it is usually because they forgot to mention it explicitly; not because they were being stingy. Before using it for a commerical project, you can ask Hunter Paramore nicely and they will probably allow you to use it.

Zelda BOTW UI Kit is a free Figma template. We really hope you will enjoy this free Figma template. Adobe XD version for this template is also available.

If you are a Figma user, this free Figma template will be helpful to kickstart your project.