Four AI tools, one coherent product surface
An AI platform — chatbot plus audio, image and video studios — unified across one multilingual, multi-currency surface.

Lead designer · Figma
Ongoing
2026
- 100% designed in Figma
- One product surface across four AI tools
- Multilingual + multi-currency from launch
- Token-aware account header — single source of truth
- Coming-soon carousel with honest labelling
- Token-based design system built for the platform
One home for the AI tools the client was rolling out — chatbot, audio studio, image studio, video studio — that reads as one product rather than four. The audience: professionals automating their workflow, not “AI enthusiasts.” The bar was a marketing surface that earns trust on first scroll, multilingual, with a token-aware account header showing a real balance, not a fake counter.

The chatbot is the first tool a new user touches, so a glass-card mock of the chat input lives on the landing page — the user sees the product working before they ever sign in.

An accordion opens the three creation tools side-by-side with a single hero render. Pick one and you land in a tool that wears the same shell as the marketing site — so the product never feels like four things bolted together.

100% designed in Figma — every screen, every state, on a token-based design system built for the platform. Currency and language live in the nav; the account header carries one token balance, modelled as a single source of truth. Engineering shipped straight from the Figma file, tokens shared in a defined export so spacing and colour never drift.

- 01
Brand & tokens
Visual language and a token-based design system built specifically for the platform.
- 02
Marketing surface
A landing experience that earns trust on first scroll, multilingual from the start.
- 03
In-product UI
All four tools on one shared shell, with a token-aware account header.
- 04
Hand-off
Auto-layout components and a defined token export to in-house engineering.
Let’s build yours.
Scaling a multi-tool product? Design tokens and one account-aware shell keep every surface consistent as you add the next tool — and the one after that — so growth never costs you coherence.