Overlay AI

Attach reference images and describe the radio frame and screen UI you want in Customize > Overlay. Overlay AI generates both the outer radio frame artwork and the editable screen, including its colors, icons, labels, and control layout. Recreate a radio from photos or describe your own design for the desktop overlay and FiveM radio. Create with photos. Refine with chat. Overlay AI and the Custom screen editor require a Pro community subscription. See View and Compare Plans.

​

Create your first design

1. Open your community’s Customize > Overlay page.
2. Select an existing frame, or select New Frame, enter a name, choose Blank canvas, and select Create.
3. Use the AI tab, which opens by default. Select Add photos to attach reference images, then describe the frame and screen you want in the message box. You can also start with a prompt alone or select a suggested prompt.
4. Select Send. The generated design appears on the canvas.
5. Review the result and send follow-up instructions. Switch to Manual for direct adjustments.
6. Select Save changes to apply the design to your community.

AI results update the editor draft. They are not saved to your community until you select Save changes.

​

Use reference photos

Attach up to four PNG, JPEG, or WebP images, each 2 MB or smaller. Select Add photos, or drop images into the message area. You can add photos with the first request and with follow-up messages. Clear, front-facing photos help the AI match the radio body and display. Include a close view of the display when its colors, icons, or labels are important. Photos remain attached and are sent with each message until you remove them.

​

Example: turn a radio photo into a frame and screen

Attach photos of the radio you want to recreate, then send a prompt such as:

Create a replica frame and screen based on these Motorola Ion photos. Match the radio body, display colors, and icons.

The example below shows an attached reference photo and prompt in the AI chat, with the generated frame and screen on the canvas. You can request a different body shape or screen style in the same way. Attach images and a prompt to generate the radio body and screen UI together.

​

Refine with chat

Describe which parts should change and which should stay the same. You can request changes to the frame, screen colors and typography, icons, labels, and control positions. The standard radio controls retain their radio actions. Extra text and icons are decorative: they do not create new radio functions.

​

Make manual adjustments

Open Manual to choose a Screen Theme. The Custom theme exposes these controls:

• Colors and type — brand text, screen and state colors, font family, and button corners.
• Items — select a screen item to change its visibility, size, weight, or decorative text and symbol.
• Icon images — choose built-in symbols or upload custom icons.
• Share design — export and import the custom design as JSON.

Click an item on the canvas to select it, drag it to move it, or drag its corner to resize it. Use Editing controls to hide selection borders and resize handles while reviewing the design. +, −, and Fit change the preview zoom without changing the saved radio size. The generated screen stays editable: adjust its colors, icons, text, and layout in Manual. See Radio Overlay for frame controls and FiveM Radio Frames for in-game selection and access restrictions.

​

Monthly AI allowance

Pro includes a monthly allowance for Overlay AI. The panel shows the percentage remaining and the next reset date. Usage depends on the work requested; generating new frame artwork uses more of the allowance than a simple screen edit. The allowance resets on the first of each month in UTC. Further generation is unavailable when the remaining allowance cannot cover the next request. You can continue using the manual editor and save your existing draft.