# Tools

> Every listed resource, editors’ picks first. The filters below can be combined.

- Search: append `?q=<keywords>` to the URL. Separate several keywords with spaces; all of them must match. Matches name, repository, tags, professions, description and README.
- Filter by type: append `?type=<cli|skill|plugin|mcp>` to the URL.
- Filter by profession: append `?profession=<profession id>` to the URL. Separate several ids with commas; a resource matches when it suits any of them. Ids are listed at https://hebbmind.com/api/v1/professions
- Filter by tag: append `?tag=<tag>` to the URL. Separate several tags with commas; a resource must carry all of them. Tags are listed at https://hebbmind.com/api/v1/tags

Resources for Mobile & desktop or DevOps / SRE or ML / AI, Tagged `figma`: 8 items.

> - Mobile & desktop: Building and shipping iOS, Android and desktop apps.
> - DevOps / SRE: Deployment, monitoring, cloud resources and reliability.
> - ML / AI: Model training, evaluation and LLM application development.

- [Figma MCP Server](https://hebbmind.com/mcp/mcp-server-guide.md): [MCP] Figma's official remote MCP: hands components, variables and layout from your designs to the agent to generate code, and can create and edit designs on the canvas. Needs Figma sign-in; Starter plans and View or Collab seats get only 6 read calls a month.
- [Framelink MCP for Figma](https://hebbmind.com/mcp/figma-context.md): [MCP] Simplifies Figma designs into layout and style data for coding agents, so UIs built from the design are more accurate than working from screenshots. Requires a Figma personal access token.
- [Figma (Codex)](https://hebbmind.com/plugin/figma.md): [Plugin] Figma's Codex plugin in OpenAI's official marketplace: implements UI from designs, generates Code Connect mappings, and creates or updates pages, component libraries, FigJam diagrams and slides in Figma. Needs a connected Figma account.
- [Figma Design to Code](https://hebbmind.com/skill/figma-implement-design.md): [Skill] Turns Figma designs into production code in your project, using the design screenshot as the visual target and reusing existing components, design tokens and Code Connect mappings first. Maintained by Figma; needs the Figma MCP server (free plans get only 6 calls a month).
- [Figma MCP Server Guide](https://hebbmind.com/plugin/mcp-server-guide.md): [Plugin] Figma's official plugin: connects the remote Figma MCP server and bundles skills for design-to-code, Code Connect, and generating designs and libraries, letting agents read design context and write to the canvas. Needs a Figma account; Starter plans and View/Collab seats get 6 calls a month.
- [Figma Skills (mcp-server-guide)](https://hebbmind.com/skill/figma-skills.md): [Skill] Figma's official skill collection: implement designs as code, map components with Code Connect, generate design-system libraries from code, and build screens and FigJam diagrams on the canvas. Needs the Figma MCP server; canvas writes are in beta and currently free.
- [Figma Code Connect](https://hebbmind.com/cli/code-connect.md): [CLI] Figma's official CLI that links Figma design-system components to real components in your code, so Dev Mode and the Figma MCP show production snippets instead of generated examples. Needs Node.js 18+, a Figma Organization or Enterprise plan, a full Design or Dev Mode seat and an access token.
- [Create Voice](https://hebbmind.com/skill/create-voice.md): [Skill] Renders a screen reader spec for a component directly in Figma: focus order plus per-state VoiceOver (iOS), TalkBack (Android) and ARIA (Web) property tables and announcements. Part of uSpec; reads the component .md spec from create-component-md and needs a Figma MCP and a configured template key.