@clovis500c/figma-bridge 1.13.0 → 1.14.2
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/README.md +3 -3
- package/dist/server.js +569 -147
- package/package.json +1 -1
- package/plugin/code.js +418 -72
- package/plugin/ui.html +11 -2
package/README.md
CHANGED
|
@@ -19,14 +19,14 @@ and any other MCP client.
|
|
|
19
19
|
|
|
20
20
|
## Features
|
|
21
21
|
|
|
22
|
-
- **Build whole layouts in one call** from a JSON spec: auto-layout and grid, rich text, icons, images, component sets with variants and properties, prototype links.
|
|
22
|
+
- **Build whole layouts in one call** from a JSON spec: auto-layout and grid, rich text, icons, images, component sets with variants and properties, prototype links, and professional layer names (Header, Card, Title, PrimaryButton) ([naming](docs/naming.md)).
|
|
23
23
|
- **Import any website or HTML** as editable auto-layout frames, one per viewport ([details](docs/import-web.md)).
|
|
24
24
|
- **Round-trip the design system**: write variables with Light/Dark modes and styles from JSON, W3C tokens or Tailwind; export them to DTCG, CSS, Tailwind v3/v4, SCSS or TypeScript ([details](docs/design-system.md)).
|
|
25
25
|
- **Score and fix design system health**: token coverage, contrast, text styles, detached instances, duplicates, naming, with safe automatic fixes.
|
|
26
26
|
- **Read existing designs** compactly, search every page, and reuse the file's design system.
|
|
27
27
|
- **Check its own work** with screenshots, a design audit, and a pixel diff against a mockup.
|
|
28
28
|
- **Hand off to your codebase**: export a frame into your project with its own components, tokens and stack (React, Next, Vue, Svelte, React Native; Tailwind, CSS modules, styled-components; shadcn, MUI, Chakra) ([details](docs/export-code.md)), plus Dev Mode annotations.
|
|
29
|
-
- **Ship to Roblox**: turn a frame into native Roblox UI (ScreenGui, UIListLayout, UICorner, UIStroke, 9-slice panels) as an `.rbxmx` model and a Luau script for a Roblox Studio MCP, with optional asset upload ([details](docs/roblox.md)).
|
|
29
|
+
- **Ship to Roblox**: turn a frame into native Roblox UI (ScreenGui, UIListLayout, UICorner, UIStroke, UIShadow, 9-slice panels), all in scale with professional names, as an `.rbxmx` model and a Luau script for a Roblox Studio MCP, with optional asset upload ([details](docs/roblox.md)).
|
|
30
30
|
- **Figma Design, FigJam and Slides**: stickies, shapes, connectors, tables, Mermaid flowcharts laid out as diagrams, and slide decks; several files at once ([details](docs/figjam-slides.md)).
|
|
31
31
|
- **200 000+ icons** through Iconify, checkpoints to roll back, and a library of reusable scripts.
|
|
32
32
|
- **Zero-friction connection**: the plugin connects and reconnects on its own. Each AI command is one Ctrl+Z step, and you can cancel it from the plugin.
|
|
@@ -165,7 +165,7 @@ To reopen the plugin later, use **Ctrl+Alt+P** or the **Figma Bridge** button in
|
|
|
165
165
|
| `prototype` | Link frames (click, hover, transitions) and set flow starting points |
|
|
166
166
|
| `annotate` | Add, list or clear Dev Mode annotations |
|
|
167
167
|
| `export_code` | Export a frame to code; with `projectPath`, code that uses the project's components and tokens |
|
|
168
|
-
| `export_roblox` | Export a frame to Roblox UI: `.rbxmx`, a Luau builder script and PNG assets, optionally uploaded |
|
|
168
|
+
| `export_roblox` | Export a frame to Roblox UI in scale: `.rbxmx`, a Luau builder script and PNG assets, optionally uploaded |
|
|
169
169
|
| `insert_icon` · `search_icons` | Iconify icons as editable vectors |
|
|
170
170
|
| `place_image` · `import_svg` | Images from disk or URL, SVG as vectors |
|
|
171
171
|
| `checkpoint` | Save layers and restore them later |
|