This AI settings UI for Figma gives you tone cards, custom instructions, memory controls and privacy switches in one settings page. This is the dark version, made for products that live in dark mode.

What is included

• A settings menu with seven items and an active state
• Four tone cards with radio buttons: Friendly, Professional, Direct and Playful
• A custom instructions box with a character counter and a name field
• A memory card with removable memory chips and two buttons
• Privacy toggles, Export my data, Delete all chats and a red Delete account row

Where to use it

Use it for AI chat apps, assistants and any product that stores memory or chat history and needs honest privacy controls.

Design notes

Training on chats is off by default and the text says so. Delete account sits in its own red box at the bottom. Memories are shown as plain sentences that each have a remove icon. The dark theme uses a #0B0D14 background, #141824 cards, #F3F4F8 text and the same indigo #5B5BF0 accent.

Built for editing

Spacing follows a 4 point scale and layers have clear names, so developers can find what they need. The file uses Plus Jakarta Sans, both free on Google Fonts, and every color is a fill you can change in the fill panel. Text pairs stay above 4.5 to 1 contrast.

How to use it

Copy the component with the copy button and paste it into Figma with Ctrl+V or Cmd+V. The layers keep their auto layout, so you can edit text, colors and spacing. Install the free Google Fonts first so the text looks the same. All names and numbers in the file are sample content.