snap
jsx
Viewer
Editor
Claude Design Editor
EN
Slides
Add file
Load .jsx file
Report bug
IG Post 1080×1350
Story / Reel 1080×1920
Square 1080×1080
X / Twitter 1600×900
Pinterest 1000×1500
LinkedIn / FB Link 1200×630
Claude Artifact (auto)
Custom
×
PNG
JPEG
WebP
PDF
✓
2x
Tweaks
Export
Export All
Turn Claude artifacts into
publish-ready images.
Drop your .jsx, pick a format, tweak text & colors, export.
Drop or select .jsx files
IG Post
Story / Reel
Square
X / Twitter
Pinterest
LinkedIn
Custom
PNG
JPEG
WebP
PDF
Retina 2x
Working with Claude Design?
If your artifact is spread across several .jsx files, open it in the Claude Design Editor — you can pick and tweak individual elements there.
Open Claude Design Editor →
Select a slide to preview
Idle
Global Adjustments
Zoom
100%
Font ×
100%
Spacing ×
100%
Selected Element
✓
+ Children
Font Size
16px
Font Wt
400
Color
Opacity
100%
Padding
0px
BG Color
Move X
0px
Move Y
0px
Text
Hide
✓
Visible
Reset All
Export Preset
Import Preset