Works with

Use Kalka with Cursor

Cursor is an AI code editor. With Kalka's MCP server, the design and the code sit side by side: Cursor's agent can read the canvas, change it, and bring it into your codebase.

What you can ask

"Build the pricing page in our Next.js app exactly like the Kalka design."
"Our brand blue changed in tokens.json. Update the design and the app."
"Add an FAQ section to the design, in the same style as the page."

How it connects

  1. 1Open Kalka. Its MCP server starts on your machine with the app.
  2. 2Add Kalka in Cursor's MCP settings. The exact configuration ships with the first build.
  3. 3Work in both: design in Kalka, ship in Cursor, with one source of truth.
Same filesThe design is a folder Cursor can open like any project.
No usage capKalka adds no quota. Your Cursor plan applies.
Shared tokensDesign and app read the same tokens.json.

Kalka is in development. Kalka is not affiliated with Cursor.