@dannote/figma-use 0.6.2 → 0.6.3
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/CHANGELOG.md +14 -0
- package/SKILL.md +22 -0
- package/dist/cli/index.js +2110 -3
- package/package.json +4 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
7
7
|
|
|
8
8
|
## [Unreleased]
|
|
9
9
|
|
|
10
|
+
## [0.6.3] - 2026-01-19
|
|
11
|
+
|
|
12
|
+
### Added
|
|
13
|
+
|
|
14
|
+
- **`diff visual`** — create visual diff between two nodes as PNG
|
|
15
|
+
```bash
|
|
16
|
+
figma-use diff visual --from <id1> --to <id2> --output diff.png
|
|
17
|
+
```
|
|
18
|
+
Red pixels show differences. Options: `--scale`, `--threshold`
|
|
19
|
+
|
|
20
|
+
### Changed
|
|
21
|
+
|
|
22
|
+
- `set rotation` now uses `--angle` flag instead of positional argument (fixes negative values like `--angle -15`)
|
|
23
|
+
|
|
10
24
|
## [0.6.2] - 2026-01-19
|
|
11
25
|
|
|
12
26
|
### Added
|
package/SKILL.md
CHANGED
|
@@ -62,6 +62,8 @@ Output (unified diff format):
|
|
|
62
62
|
+opacity: 1
|
|
63
63
|
```
|
|
64
64
|
|
|
65
|
+
⚠️ **Don't forget space prefix on context lines** — `size: 48 40` will fail, ` size: 48 40` works.
|
|
66
|
+
|
|
65
67
|
### Apply patch (validates old values!)
|
|
66
68
|
```bash
|
|
67
69
|
# Dry run — preview changes
|
|
@@ -77,6 +79,14 @@ figma-use diff apply patch.diff --force
|
|
|
77
79
|
cat patch.diff | figma-use diff apply --stdin
|
|
78
80
|
```
|
|
79
81
|
|
|
82
|
+
### Visual diff (PNG)
|
|
83
|
+
```bash
|
|
84
|
+
figma-use diff visual --from <id1> --to <id2> --output diff.png
|
|
85
|
+
figma-use diff visual --from <id1> --to <id2> --output diff.png --threshold 0.05 # Stricter
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
Red pixels show differences. Useful for verifying modifications.
|
|
89
|
+
|
|
80
90
|
### Workflow: Iterative design with critique
|
|
81
91
|
|
|
82
92
|
1. **Render initial design:**
|
|
@@ -318,6 +328,18 @@ figma-use export node <id> --scale 0.5 --output /tmp/check.png # Overview
|
|
|
318
328
|
figma-use export node <id> --scale 2 --output /tmp/detail.png # Details
|
|
319
329
|
```
|
|
320
330
|
|
|
331
|
+
For modifications, use visual diff to highlight changes:
|
|
332
|
+
|
|
333
|
+
```bash
|
|
334
|
+
# Before modifying, export original
|
|
335
|
+
figma-use export node <id> --output /tmp/before.png
|
|
336
|
+
|
|
337
|
+
# After changes, compare visually
|
|
338
|
+
figma-use diff visual --from <original-id> --to <modified-id> --output /tmp/diff.png
|
|
339
|
+
```
|
|
340
|
+
|
|
341
|
+
Red pixels = differences. Use `--threshold 0.05` for stricter comparison.
|
|
342
|
+
|
|
321
343
|
### Copying Elements Between Pages
|
|
322
344
|
|
|
323
345
|
`node clone` creates a copy in the same parent. To move to another page:
|