aljaz/goose
1
0
Fork 0
mirror of https://github.com/aljazceru/goose.git synced 2025-12-17 22:24:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

added tabs on tutorial TLDR blocks (#2487)

Browse Source
This commit is contained in:
w. ian douglas
2025-05-09 12:15:38 -06:00
committed by GitHub
parent 7b81562351
commit 6ec26715b9
24 changed files with 337 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
documentation/docs/tutorials/figma-mcp.md
View File

@@ -12,18 +12,22 @@ import YouTubeShortEmbed from '@site/src/components/YouTubeShortEmbed';
This tutorial covers how to add the [Figma MCP Server](https://github.com/hapins/figma-mcp) as a Goose extension to enable interaction with Figma files, designs, and components.
:::tip TLDR
**Command**
```sh
npx @hapins/figma-mcp
```
**Environment Variable**
```
FIGMA_ACCESS_TOKEN: <YOUR_TOKEN>
```
<Tabs groupId="interface">
<TabItem value="ui" label="Goose Desktop" default>
[Launch the installer](goose://extension?cmd=npx&arg=-y&arg=%40hapins%2Ffigma-mcp&id=figma&name=Figma&description=Figma%20design%20tool%20integration&env=FIGMA_ACCESS_TOKEN%3DAccess%20token%20from%20Figma%20user%20settings)
</TabItem>
<TabItem value="cli" label="Goose CLI">
**Command**
```sh
npx -y @hapins/figma-mcp
```
</TabItem>
</Tabs>
**Environment Variable**
```
FIGMA_ACCESS_TOKEN: <YOUR_TOKEN>
```
:::
## Configuration
@@ -94,7 +98,7 @@ Note that you'll need [Node.js](https://nodejs.org/) installed on your system to
│
// highlight-start
◆ What command should be run?
│ npx @hapins/figma-mcp
│ npx -y @hapins/figma-mcp
// highlight-end
└
```
@@ -113,7 +117,7 @@ Note that you'll need [Node.js](https://nodejs.org/) installed on your system to
│ figma
│
◇ What command should be run?
│ npx @hapins/figma-mcp
│ npx -y @hapins/figma-mcp
│
// highlight-start
◆ Please set the timeout for this tool (in secs):
@@ -137,7 +141,7 @@ Note that you'll need [Node.js](https://nodejs.org/) installed on your system to
│ figma
│
◇ What command should be run?
│ npx @hapins/figma-mcp
│ npx -y @hapins/figma-mcp
│
◇ Please set the timeout for this tool (in secs):
│ 300
@@ -167,7 +171,7 @@ Note that you'll need [Node.js](https://nodejs.org/) installed on your system to
│ figma
│
◇ What command should be run?
│ npx @hapins/figma-mcp
│ npx -y @hapins/figma-mcp
│
◇ Please set the timeout for this tool (in secs):
│ 300