figma-to-code-agent 0.3.1 → 0.3.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/QUICKSTART.md +8 -8
  3. package/README.md +3 -3
  4. package/dist/cli.js +3 -3
  5. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.3.2] - 2026-02-12
4
+
5
+ ### Fixed
6
+ - Rename CLI bin from `figma-to-code` to `figma-to-code-agent` to avoid npm naming conflict
7
+ - Update all docs and help text to use `npx figma-to-code-agent`
8
+
3
9
  ## [0.3.1] - 2026-02-12
4
10
 
5
11
  ### Changed
package/QUICKSTART.md CHANGED
@@ -6,7 +6,7 @@
6
6
  npm install -g figma-to-code-agent
7
7
  ```
8
8
 
9
- Or skip install and use `npx figma-to-code` directly.
9
+ Or skip install and use `npx figma-to-code-agent` directly.
10
10
 
11
11
  ## 2. Get Your Figma Token
12
12
 
@@ -30,7 +30,7 @@ Node ID format: `100-200` (use hyphen, not colon)
30
30
 
31
31
  ```bash
32
32
  # React component
33
- npx figma-to-code \
33
+ npx figma-to-code-agent \
34
34
  --token YOUR_FIGMA_TOKEN \
35
35
  --file ABC123DEF456 \
36
36
  --node 100-200 \
@@ -38,7 +38,7 @@ npx figma-to-code \
38
38
  --output ./output
39
39
 
40
40
  # Vue component
41
- npx figma-to-code \
41
+ npx figma-to-code-agent \
42
42
  --token YOUR_FIGMA_TOKEN \
43
43
  --file ABC123DEF456 \
44
44
  --node 100-200 \
@@ -50,7 +50,7 @@ Or use environment variable:
50
50
 
51
51
  ```bash
52
52
  export FIGMA_TOKEN="your-token"
53
- npx figma-to-code --file ABC123DEF456 --node 100-200 --output ./output
53
+ npx figma-to-code-agent --file ABC123DEF456 --node 100-200 --output ./output
54
54
  ```
55
55
 
56
56
  ## 5. Preview in Browser
@@ -58,7 +58,7 @@ npx figma-to-code --file ABC123DEF456 --node 100-200 --output ./output
58
58
  Add `--preview` to instantly open the result in your browser:
59
59
 
60
60
  ```bash
61
- npx figma-to-code \
61
+ npx figma-to-code-agent \
62
62
  --token YOUR_FIGMA_TOKEN \
63
63
  --file ABC123DEF456 \
64
64
  --node 100-200 \
@@ -74,7 +74,7 @@ This copies the generated files to the built-in test app, starts a Vite dev serv
74
74
  By default, generates `.jsx` / `.vue`. Add `--typescript` for `.tsx` output:
75
75
 
76
76
  ```bash
77
- npx figma-to-code \
77
+ npx figma-to-code-agent \
78
78
  --token YOUR_FIGMA_TOKEN \
79
79
  --file ABC123DEF456 \
80
80
  --node 100-200 \
@@ -127,7 +127,7 @@ For smarter component naming and code optimization, add an LLM provider:
127
127
 
128
128
  ```bash
129
129
  # AWS Bedrock
130
- npx figma-to-code \
130
+ npx figma-to-code-agent \
131
131
  --token YOUR_FIGMA_TOKEN \
132
132
  --file ABC123DEF456 \
133
133
  --framework react \
@@ -137,7 +137,7 @@ npx figma-to-code \
137
137
  --output ./output
138
138
 
139
139
  # OpenAI
140
- LLM_API_KEY="sk-..." npx figma-to-code \
140
+ LLM_API_KEY="sk-..." npx figma-to-code-agent \
141
141
  --token YOUR_FIGMA_TOKEN \
142
142
  --file ABC123DEF456 \
143
143
  --framework react \
package/README.md CHANGED
@@ -50,14 +50,14 @@ npm install -g figma-to-code-agent
50
50
  Or use directly with npx (no install needed):
51
51
 
52
52
  ```bash
53
- npx figma-to-code --token YOUR_FIGMA_TOKEN --file FILE_KEY --node NODE_ID --output ./output
53
+ npx figma-to-code-agent --token YOUR_FIGMA_TOKEN --file FILE_KEY --node NODE_ID --output ./output
54
54
  ```
55
55
 
56
56
  ## Quick Start
57
57
 
58
58
  ```bash
59
59
  # Generate React component
60
- npx figma-to-code \
60
+ npx figma-to-code-agent \
61
61
  --token YOUR_FIGMA_TOKEN \
62
62
  --file FILE_KEY \
63
63
  --node NODE_ID \
@@ -65,7 +65,7 @@ npx figma-to-code \
65
65
  --output ./output
66
66
 
67
67
  # Generate and preview in browser
68
- npx figma-to-code \
68
+ npx figma-to-code-agent \
69
69
  --token YOUR_FIGMA_TOKEN \
70
70
  --file FILE_KEY \
71
71
  --node NODE_ID \
package/dist/cli.js CHANGED
@@ -45,7 +45,7 @@ async function main() {
45
45
  Figma-to-Code AI Agent
46
46
 
47
47
  Usage:
48
- figma-to-code --token <token> --file <fileKey> [options]
48
+ figma-to-code-agent --token <token> --file <fileKey> [options]
49
49
 
50
50
  Options:
51
51
  --token <token> Figma API token (required)
@@ -70,8 +70,8 @@ Options:
70
70
  --help Show this help message
71
71
 
72
72
  Example:
73
- figma-to-code --token abc123 --file xyz789 --framework react --output ./src/components
74
- figma-to-code --token abc123 --file xyz789 --framework react --preview
73
+ figma-to-code-agent --token abc123 --file xyz789 --framework react --output ./src/components
74
+ figma-to-code-agent --token abc123 --file xyz789 --framework react --preview
75
75
  `);
76
76
  process.exit(0);
77
77
  }
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "figma-to-code-agent",
3
- "version": "0.3.1",
3
+ "version": "0.3.2",
4
4
  "description": "AI Agent that converts Figma designs to production-ready code with optional LLM enhancements",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "bin": {
8
- "figma-to-code": "dist/cli.js"
8
+ "figma-to-code-agent": "dist/cli.js"
9
9
  },
10
10
  "files": [
11
11
  "dist",