Pair with Figma
Designs and docs, in one workspace.
Pull design context out of Figma and into your Hillnote workspace as markdown — so specs, flows, and notes live next to the documents that describe them.
Specs alongside the writing.
Bring frame names, component specs, and design notes into the workspace as markdown, so the doc and the design it describes sit side by side.
Let an agent bridge both.
An agent connected to Figma's MCP server and Hillnote's can read a design and write a structured doc about it straight into your workspace.
What you can do once it's paired.
Capture design context
Bring specs, frame notes, and decisions into the workspace as markdown you can search and link.
Link design to docs
Connect a design note to the spec, PRD, or research it belongs with using Hillnote's wiki links.
Bridge with an agent
An agent on both MCP servers can read a Figma file and draft a structured document about it.
Ways to connect Figma.
Bridge Figma and Hillnote through an agent that speaks both MCP servers, or simply drop exported design notes into the workspace folder as markdown.
Model Context Protocol
Let an agent read Figma and write to Hillnote.
Point an MCP-capable agent (Claude, Cursor, Codex) at both Figma's MCP server and Hillnote's, and it can turn a design into a document.
- 1
Enable Figma's MCP / Dev Mode server and add it to your agent.
- 2
Add Hillnote as a second MCP server using the endpoint:
https://hillnote.com/mcp - 3
Authorize Hillnote over OAuth, then ask the agent to read a Figma frame and write a spec into your workspace.
Exported files
No agent needed — drop the export in.
Export design notes or specs from Figma and save them into the workspace folder, where they become searchable, linkable markdown.
- 1
Export the frames, notes, or specs you want from Figma (Markdown, text, or images).
- 2
In Hillnote, right-click the workspace and choose “Reveal in Finder / Explorer.”
- 3
Drop the export into the folder — Hillnote picks it up as part of the workspace.
Figma questions, answered
How does Figma connect to Hillnote?
There's no direct Figma-to-Hillnote plugin. The practical paths are an MCP-capable agent that reads Figma's server and writes to Hillnote's, or exporting design notes and dropping them into the workspace folder as markdown.
What can I bring across?
Anything you can export or describe — frame names, component specs, design decisions, and notes. They land as plain markdown you can search, link, and edit.
Does my design stay editable in Figma?
Yes. The pairing copies context into your workspace; the source of truth for the design stays in Figma. Hillnote just keeps the writing about it alongside everything else.