Claude Designがめちゃくちゃ便利なので使ってほしい

DevelopersIO 2026 Osaka Day1 #devio2026 で発表した内容です。

Transcript

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