openfig-cli 0.4.0 → 0.4.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 +34 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -14,6 +14,40 @@ npm install -g openfig-cli
|
|
|
14
14
|
|
|
15
15
|
Node 18+. No build step. Pure ESM.
|
|
16
16
|
|
|
17
|
+
## Convert from Claude Design
|
|
18
|
+
|
|
19
|
+
OpenFig converts standalone HTML exports from
|
|
20
|
+
[claude.ai/design](https://claude.ai/design) into editable Figma Slides
|
|
21
|
+
decks — text, images, vectors, layouts, and speaker notes carry through
|
|
22
|
+
as native nodes. Not a flat raster.
|
|
23
|
+
|
|
24
|
+
### 1. Create a Slide Deck project
|
|
25
|
+
|
|
26
|
+
In Claude Design, choose the **Slide deck** tab and create your project.
|
|
27
|
+
The **Use speaker notes** toggle is optional; if on, OpenFig maps notes
|
|
28
|
+
to each slide.
|
|
29
|
+
|
|
30
|
+
<img src="docs/images/create_slides_project.png" alt="Create slide deck" width="380" />
|
|
31
|
+
|
|
32
|
+
### 2. Build your deck, then export
|
|
33
|
+
|
|
34
|
+
When you're done designing, click **Share → Export as standalone HTML**.
|
|
35
|
+
|
|
36
|
+
<img src="docs/images/export_standalone_html.png" alt="Export as standalone HTML" width="720" />
|
|
37
|
+
|
|
38
|
+
Claude Design generates a single self-contained file named
|
|
39
|
+
`{Project Name} (Standalone).html` — all slides, images, fonts, and the
|
|
40
|
+
rendering engine inlined. Works offline.
|
|
41
|
+
|
|
42
|
+
<img src="docs/images/download_standalone_html.png" alt="Download standalone HTML" width="480" />
|
|
43
|
+
|
|
44
|
+
### 3. Convert to .deck
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
openfig convert-html "London Underground Map (Standalone).html" -o lu.deck
|
|
48
|
+
open lu.deck # opens directly in Figma Slides
|
|
49
|
+
```
|
|
50
|
+
|
|
17
51
|
## File Format Support
|
|
18
52
|
|
|
19
53
|
| Product | Extension | Read | Render | Modify |
|