@biolab/talk-to-figma 0.4.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/figma-plugin/figma-plugin.zip +0 -0
- package/figma-plugin/ui.html +15 -15
- package/package.json +1 -1
|
Binary file
|
package/figma-plugin/ui.html
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<html>
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="utf-8" />
|
|
5
|
-
<title>
|
|
5
|
+
<title>Talk to Figma MCP</title>
|
|
6
6
|
<style>
|
|
7
7
|
body {
|
|
8
8
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
<div class="header">
|
|
259
259
|
<div class="header-text">
|
|
260
260
|
<h1>Talk To Figma MCP Plugin</h1>
|
|
261
|
-
<p>Connect Figma to
|
|
261
|
+
<p>Connect Figma to AI agents using MCP</p>
|
|
262
262
|
</div>
|
|
263
263
|
</div>
|
|
264
264
|
|
|
@@ -289,7 +289,7 @@
|
|
|
289
289
|
</div>
|
|
290
290
|
|
|
291
291
|
<div id="connection-status" class="status disconnected">
|
|
292
|
-
Not connected to
|
|
292
|
+
Not connected to MCP server
|
|
293
293
|
</div>
|
|
294
294
|
|
|
295
295
|
<div id="mcp-config" class="section hidden">
|
|
@@ -357,21 +357,21 @@
|
|
|
357
357
|
<div class="section">
|
|
358
358
|
<h2>About Talk To Figma Plugin</h2>
|
|
359
359
|
<p>
|
|
360
|
-
This plugin
|
|
361
|
-
|
|
360
|
+
This plugin lets AI agents (Cursor, Claude Code) read and modify
|
|
361
|
+
Figma designs via MCP.
|
|
362
362
|
<a
|
|
363
363
|
class="link"
|
|
364
|
-
onclick="window.open(`https://github.com/
|
|
364
|
+
onclick="window.open(`https://github.com/anthropics/cursor-talk-to-figma-mcp`, '_blank')"
|
|
365
365
|
>Github</a
|
|
366
366
|
>
|
|
367
367
|
</p>
|
|
368
|
-
<p>Version:
|
|
368
|
+
<p>Version: 0.4.0</p>
|
|
369
369
|
|
|
370
370
|
<h2>How to Use</h2>
|
|
371
371
|
<ol>
|
|
372
|
-
<li>
|
|
373
|
-
<li>Connect to the
|
|
374
|
-
<li>
|
|
372
|
+
<li>Start the relay: <code>bunx @biolab/talk-to-figma --relay</code></li>
|
|
373
|
+
<li>Connect to the relay using the port number (default: 3055)</li>
|
|
374
|
+
<li>In your AI agent, call <code>join_channel</code> with the channel name shown above</li>
|
|
375
375
|
</ol>
|
|
376
376
|
</div>
|
|
377
377
|
</div>
|
|
@@ -410,12 +410,12 @@
|
|
|
410
410
|
let statusMessage =
|
|
411
411
|
message ||
|
|
412
412
|
(isConnected
|
|
413
|
-
? "Connected to
|
|
414
|
-
: "Not connected to
|
|
413
|
+
? "Connected to MCP server"
|
|
414
|
+
: "Not connected to MCP server");
|
|
415
415
|
|
|
416
416
|
// Add instructions for localhost when disconnected
|
|
417
417
|
if (!isConnected) {
|
|
418
|
-
statusMessage += `<br><br>Run this in your terminal, then connect<br><code>bunx
|
|
418
|
+
statusMessage += `<br><br>Run this in your terminal, then connect<br><code>bunx @biolab/talk-to-figma --relay</code>`;
|
|
419
419
|
}
|
|
420
420
|
|
|
421
421
|
connectionStatus.innerHTML = statusMessage;
|
|
@@ -486,7 +486,7 @@
|
|
|
486
486
|
{
|
|
487
487
|
pluginMessage: {
|
|
488
488
|
type: "notify",
|
|
489
|
-
message: `Connected to
|
|
489
|
+
message: `Connected to MCP server on port ${port} in channel: ${channelName}`,
|
|
490
490
|
},
|
|
491
491
|
},
|
|
492
492
|
"*"
|
|
@@ -818,7 +818,7 @@
|
|
|
818
818
|
mcpServers: {
|
|
819
819
|
TalkToFigma: {
|
|
820
820
|
command: "bunx",
|
|
821
|
-
args: ["
|
|
821
|
+
args: ["@biolab/talk-to-figma@latest"],
|
|
822
822
|
},
|
|
823
823
|
},
|
|
824
824
|
};
|