ns_onozuka https://blog.hatena.ne.jp/ns_onozuka/ NEXTSCAPE blog https://blog.nextscape.net/ Claude Codeユーザー向けのデザインツール「Pencil.dev」を実際に触ってみました。Figmaライクなキャンバス上でAIがUIを自動生成し、そのままReactコードに変換できます。Windows版が2月にリリースされ、Claude Code契約者であれば追加費用なしで使えます。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.nextscape.net%2Farchives%2F2026%2F03%2F03%2F092456" title="デザインツールPencil.devを触ってみた - NEXTSCAPE blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/158346556/1633330490515050 Hatena Blog https://hatena.blog 2026-03-03 09:24:56 rich https://blog.nextscape.net/archives/2026/03/03/092456 1.0 100%