Pattern #19 · Tools and integrations

Cursor for design engineers: carrying design intent into code

Your design decisions are not in the training data.

Track Bcursordesign-systemsmcpdesign-engineering

Verified as of 2026-08-23

Do

Write the design system into project rules: name the component library, point at the tokens, state what a screen reuses.

Don't

Don't paste a screenshot and prompt "make it look like this." You will get a brand new design system, eyeballed hex included.

The rule. Hand the coding agent your design decisions as persistent, versioned context (project rules plus the design file over MCP), never as a one-off prompt.

Why. Large language models do not retain memory between completions, which is Cursor's own stated reason rules exist: they provide "persistent, reusable context at the prompt level," included at the start of the model context when applied (Cursor, n.d.-a). Project rules live in .cursor/rules as version-controlled files, scoped by path patterns, and Cursor recommends them for standardizing style or architecture decisions, which is a fair description of what a design system is (Cursor, n.d.-a). Cursor also speaks the Model Context Protocol, which "enables Cursor to connect to external tools and data sources," so the design file itself can arrive as structured context instead of a screenshot (Cursor, n.d.-b).

Seen in the wild. Figma's official MCP server pulls "variables, components, and layout data" straight into supported editors, Cursor included, with Code Connect reusing your actual components to keep generated code consistent with your codebase (Figma, n.d.).

Verified as of 2026-08-23 against current Cursor and Figma documentation.

References

  1. 01

    Cursor. (n.d.-a). Rules. Cursor Documentation. Retrieved August 23, 2026, from https://cursor.com/docs/rules

    https://cursor.com/docs/rules
  2. 02

    Cursor. (n.d.-b). Model Context Protocol (MCP). Cursor Documentation. Retrieved August 23, 2026, from https://cursor.com/docs/mcp

    https://cursor.com/docs/mcp
  3. 03

    Figma. (n.d.). Guide to the Figma MCP server. Figma Learn, Help Center. Retrieved August 23, 2026, from https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server

    https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server