Mouse and Keyboard Controller

Welcome to the UI Guide

The user interface, or UI for short, refers to the various on-screen elements and menus through which a player interacts with the game. The UI in FFXIV can be adjusted in myriad ways to ensure an enjoyable gaming experience.

This guide will explain how to adjust the UI, and offer tips to help you navigate the game.

Customize your layout!

  • Use the default settings…

  • Or try something creative!

  • The possibilities are endless!

  • Use the default settings…

  • Or try something creative!

  • The possibilities are endless!

For Beginners

  • 1. Enter a term to search.

  • 2. Find a topic and review its contents.

  • 3. Try out what you've learned!

  • 1. Enter a term to search.

  • 2. Find a topic and review its contents.

  • 3. Try out what you've learned!

Check It Out

(You can view this screen at any time from the guide icon.)

Mastering the UI / HUD Overview

NEW Updated

Modifying the HUD Layout, Step by Step

There are many options for customizing one's HUD layout, but everything starts with two key points: size and positioning of UI elements, which will be explained below.

Accessing the HUD Layout Menu

The screen will change to HUD Layout mode, wherein you can customize nearly every UI element.

Selecting and Customizing UI Elements

Choose from one of the UI element categories (Basic, System, Hotbars, and Duty), then select the UI element you wish to customize from the pulldown menu. Your selection will be outlined in gold.

Positioning
Use your mouse to drag the selected element to your desired position.

Toggle Display
Select the cog icon next to the pulldown menu to open the UI Element Settings menu. From there, uncheck the box labeled Display Element. The label of hidden UI elements will turn purple.
This feature can also be accessed by right-clicking any HUD element.

Size
There are two methods for changing the size of UI elements.
1. Select the cog icon next to the pulldown menu to open the UI Element Settings menu. Here you can change the size of your selected UI element. In the case of hotbars, you can also change their orientation.
2. After making a selection from the Current UI Element pulldown menu, press Ctrl+Home to toggle through all available sizes.

Transparency Settings
You can adjust the transparency of most HUD elements.

Copy Layouts
Select the cog icon next to the numbered tabs to open the HUD Layout Settings menu. Here you can choose a layout from one of the four base slots to be copied to a new slot.

Saving Your Changes

When you have customized UI elements to your satisfaction, select Save and close the HUD Layout window.

Accessing the HUD Layout Menu

The screen will change to HUD Layout mode, wherein you can customize nearly every UI element.

Selecting and Customizing UI Elements

Choose from one of the UI element categories (Basic, System, Hotbars, and Duty), then select the UI element you wish to customize from the pulldown menu. Your selection will be outlined in gold.

Positioning
Use the right stick to move the selected element to your desired position.

Toggle Display
Select the cog icon next to the pulldown menu to open the UI Element Settings menu. From there, uncheck the box labeled Display Element. The label of hidden UI elements will turn purple.

Size
There are two methods for changing the size of UI elements.
1. Select the cog icon next to the pulldown menu to open the UI Element Settings menu. Here you can change the size of your selected UI element. In the case of hotbars, you can also change their orientation.
2. After making a selection from the Current UI Element pulldown menu, use Right Thumb-click (R3 on PS5™/PS4™, Right Thumb-click on Xbox Series X|S) to toggle through all available sizes.

Transparency Settings
You can adjust the transparency of most HUD elements.

Copy Layouts
Select the cog icon next to the numbered tabs to open the HUD Layout Settings menu. Here you can choose a layout from one of the four base slots to be copied to a new slot.

Saving Your Changes

When you have customized UI elements to your satisfaction, select Save and close the HUD Layout window.

→Learn more about the HUD.

Related Questions

Cookie Policy

This website uses cookies. If you do not wish us to set cookies on your device, please do not use the website. Please read the Square Enix cookies policy for more information. Your use of the website is also subject to the terms in the Square Enix website terms of use and privacy policy and by using the website you are accepting those terms. The Square Enix terms of use, privacy policy and cookies policy can also be found through links at the bottom of the page.

Cookie Policy

This website uses cookies. If you do not wish us to set cookies on your device, please do not use the website. Please read the Square Enix cookies policy for more information. Your use of the website is also subject to the terms in the Square Enix website terms of use and privacy policy and by using the website you are accepting those terms. The Square Enix terms of use, privacy policy and cookies policy can also be found through links at the bottom of the page.