Figma Chrome拡張でClaude ArtifactsのHTMLをFigmaデータ化する方法
Hiroba による自動要約
Figma公式Chrome拡張でWebページをFigmaデータ化できるが、Claude Artifactsのダウンロード HTML ファイルは拡張機能設定の「Allow access to file URLs」を有効化することで対応可能。この設定変更により、デザインとコードの往復がスムーズになる。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 1857 件あります。
関連する記事
同じタグの記事
Claude Codeのプランモードを使わない開発は非効率——Explore→Plan→Implement→Verify→Commitフローの重要性
QiitaClaude Codeを単なる実装ツールとして使うのではなく、調査（Explore）→計画（Plan）→実装（Implement）→検証（Verify）→コミット（Commit）の5ステップで段階的に活用すべき。特にプランモード（shift+tab）で実装前に設計・影響範囲・テスト方針を明確にすることで、スコープ膨張やレビュー負荷を軽減できる。
CLAUDE.md でプロジェクトルールを構造化する～勤怠管理アプリ開発②
QiitaClaude との AI 協調開発で生成コードの UI とビジネスロジックが混在する問題に直面した著者が、CLAUDE.md を導入して開発ルールを分割・構造化した事例。ただし CLAUDE.md は「最初から完璧なもの」ではなく、実開発を通じて段階的に育てる必要があることを学んだ。
Claude のプロジェクト機能を資格勉強の専属チューターに、Google Cloud PMLE 合格までの実践記
Zennユーザーが Claude のプロジェクト機能を Google Cloud Professional Machine Learning Engineer (PMLE) 資格試験の勉強に活用し、合格に至った事例。カスタムインストラクションで推測回答を禁止・公式情報重視を明示し、試験ガイド PDF をナレッジとして登録。質問への文脈蓄積を活かし直前対策マニュアルを自動生成、単発チャットでは実現できない個人の弱点に寄せた学習支援を実現。
GitHubのURLを貼るだけでOSSを安全に精査するSkillを構築する
QiitaClaude.aiのコンテナ実行環境とSkill機能を組み合わせ、GitHubのURLを入力するだけで未確認のOSSをcloneして自動精査するワークフローを構築する方法を解説。10ステップの精査フロー（構造確認・ドキュメント精読・依存関係確認・安全性チェック・サンプルコード検査等）を設計し、セッション内の隔離環境で実行することで、個人マシンへの展開リスクを排除できます。