---
title: Figma UI kit for Cursor: Appetite UI
source: https://www.appetiteui.com/works-with/cursor
---

# A Figma UI kit Cursor can build from.

Appetite UI works with Cursor through its rules: the Core Skill’s rules go into .cursor/rules as an .mdc file, or into an AGENTS.md at the project root, so Cursor picks tokens by name.

## What the file gives

- A Cursor rules block. The file includes a block written for Cursor, which goes into .cursor/rules/appetite-ui.mdc.
- An AGENTS.md for the project root. The same rules as an AGENTS.md, for Cursor and for any other coding agent that reads one.
- The token names to look up. tokens.md and design.md sit at the repository root, so the agent can find a value by name.

## How to wire it up

1. Connect Figma if you want it to read frames. Use Figma’s deep link, or add the server to .cursor/mcp.json in the project or ~/.cursor/mcp.json for every project.
2. Create the rule file. Paste the block that comes with the purchase into .cursor/rules/appetite-ui.mdc. You can also add it under Rules in Cursor’s settings.
3. Or use an AGENTS.md. Put AGENTS.md at the project root with tokens.md and design.md beside it.
4. Ask for a screen and review the diff. Look for hex values, literal spacing and hand-set fonts.

### .cursor/rules/appetite-ui.mdc (the shape of the file; the body is the block that comes with the purchase)

```markdown
---
description: Appetite UI rules for screens and tokens
alwaysApply: true
---

<paste the block from AI-context/agents/cursor-rules.md here>
```

## What to check

- Project rules must be .mdc. Cursor ignores a plain .md file inside .cursor/rules. The file needs the .mdc extension and its frontmatter.
- Choose how the rule applies. Cursor can apply a rule always, when it judges it relevant, for matching files or only when you mention it. A design system rule usually wants always.
- A setup, not a recorded run. This page describes the setup from the kit’s own instructions and Cursor’s documentation. It does not show a recorded Cursor session.
- Not free, and no download link. The rules are included with the file you buy.

## FAQ

### Does Appetite UI work with Cursor?

Yes, through rules. The file you buy includes a rules block for .cursor/rules and an AGENTS.md, and both tell the agent which token to use.

### Do I use .cursor/rules or AGENTS.md?

Either. Cursor reads both, and an AGENTS.md also works for other coding agents that read one.

## Official documentation (30 October 2026)

- [Rules, Cursor documentation](https://cursor.com/docs/context/rules), read 30 October 2026

## On this site

- [Appetite UI and AI agents](https://www.appetiteui.com/ai)
- [The Core Skill for AI agents](https://www.appetiteui.com/blog/appetite-ui-ai-agents-core-skill)
- [Claude Code and Figma, from one frame to one screen](https://www.appetiteui.com/blog/claude-code-figma-one-screen)