morimorikochan
X
@marooon88
Claude
Claude Design
DevelopersIO Osaka 2026
Slide 3
Slide 3 text
Claude Design
Slide 4
Slide 4 text
01
02
Claude
Design
Claude Design
DevelopersIO Osaka 2026
03
04
05
Slide 5
Slide 5 text
01
Claude Design
Slide 6
Slide 6 text
Claude Design
…
Claude
3
Claude
Claude
claude.ai/design
URL
Claude
1
Claude Code
/design
Claude Design
DevelopersIO Osaka 2026
Slide 7
Slide 7 text
Claude Design
claude.ai
Web
URL
— Claude Code
…
: https://code.claude.com/docs/ja/glossary#artifact
: https://claude.com/ja/features/artifacts
Slide 8
Slide 8 text
Claude Design
Claude Design
Docs
Slides
Claude
16:9
1
Design
Web
LP
Claude Design
Claude Design
DevelopersIO Osaka 2026
Slide 9
Slide 9 text
02
DEMO
Slide 10
Slide 10 text
A
/design
Claude Design
DevelopersIO Osaka 2026
Slide 11
Slide 11 text
03
A
B
Figma
Claude
C
Slide 12
Slide 12 text
A
Claude
@Claude
Claude
Claude
Claude
Claude Design
DevelopersIO Osaka 2026
Slide 13
Slide 13 text
A
4
Claude Design
DevelopersIO Osaka 2026
Slide 14
Slide 14 text
B
Figma
CSS display
position
Figma
Claude Design
DevelopersIO Osaka 2026
Slide 15
Slide 15 text
C
Pro Max Team Enterprise
Claude
: https://support.claude.com/en/articles/9547008-publish-and-share-artifacts
Slide 16
Slide 16 text
C
Slide 17
Slide 17 text
C
3
: https://support.claude.com/en/articles/9547008-publish-and-share-artifacts
Slide 18
Slide 18 text
04
Slide 19
Slide 19 text
MTG
Claude Design
DevelopersIO Osaka 2026
Slide 20
Slide 20 text
05
01
Figma
02
03
04
05
06
Claude
Enterprise
Claude Design
DevelopersIO Osaka 2026
Slide 21
Slide 21 text
02
Claude
1
2
3 OK
C
4
Claude Design
DevelopersIO Osaka 2026
OK
C
Slide 22
Slide 22 text
05
Claude
Claude
Claude Code
Claude
background session
PC
Claude
foreground session
resume
[
/background
] ArtifactComments
Claude Design
"watch"
DevelopersIO Osaka 2026
..?
Slide 23
Slide 23 text
Claude Design
Claude
Figma
Slide 24
Slide 24 text
1
Claude
2
Markdown
/slides
Claude Code
Markdown
Slides
3
Claude Design
1
4
Claude
Claude Design
DevelopersIO Osaka 2026