Getting Started
This documentation introduces the layout, features, and usage of FlexDesigner.
Overview

The main interface of FlexDesigner consists of three sections:
- Page Editor: This area displays the same effects as Flexbar, allowing you to preview and adjust each interface of Flexbar
- Key Editor: Here you can edit the appearance and functionality of keys
- Key Library: Lists all preset/imported keys that you can drag and drop into the page editor or key editor
- Toolbar: Contains file management, software configuration, and other functions.
Your First Profile
Create a New Profile

Add a Key

- Select a key from the Key Library and click to drag it out
- Drag the key to the Page Editor
- Release the mouse to place the key in an appropriate position
Make Some Changes
You can check the Key Editor to learn how to customize keys

Upload to Device

All Done!
You can now see this page on your Flexbar!

Next Steps
- Visit the Create My First Profile to learn how to create a profile for an application
- Visit the Background and Foreground to learn how to customize a key
