Lumina — AI Chat App

Mobile App UI Kit by Keitoto Studio · v1.0 · updated Oct 28, 2026

Installation & MCP

Get Lumina into Figma in a few minutes, then let your AI tools read it through Figma’s MCP server.

From purchase to your first edited screen.

Download from your library
Every purchase lands in My Library as a .zip file.
Extract the zip
The main .fig file is inside the folder, named after the kit.
Import into Figma
Open Figma, choose Import and pick the .fig file.
Ready to use
Install Tiempos Text and Inter Display. Every colour, text style and effect is a variable or style.

Built on Figma variables

Change one colour and every screen and component in the kit updates at once.

Connect once, then build from any frame in the file.

Connect Figma’s MCP server
Run the command below once in your terminal.
Open Lumina in Figma
Select the frame or component you want to build.
Ask your AI tool
For example: “Build the Lumina home screen in React from my selection.”
Review the result
Variables and auto layout map straight to tokens and flex layouts.

MCP access is for owners

Buy Lumina to get the MCP command and let Claude Code, Cursor or VS Code read the kit.

Works with any MCP client

Claude Code, Cursor and VS Code can read Lumina once they are connected to Figma’s MCP server.