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