Figma Chrome拡張でClaude ArtifactsのHTMLをFigmaデータ化する方法
Hiroba による自動要約
Figma公式Chrome拡張でWebページをFigmaデータ化できるが、Claude Artifactsのダウンロード HTML ファイルは拡張機能設定の「Allow access to file URLs」を有効化することで対応可能。この設定変更により、デザインとコードの往復がスムーズになる。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 2717 件あります。
関連する記事
同じタグの記事
AIと1ヶ月、企画からリリースまでClaudeで個人開発した全記録
Zenn開発者がドラマ管理アプリ「ドラマのじかん」を企画から1ヶ月でリリースした過程を記録。企画・キービジュアル・UIデザイン・実装・ストア素材作成をClaudeと進め、チャット段階での提案を受けつつも最終判断は人間が行うアプローチを採用。Claude Codeへの引き継ぎやPencilでのデザイン工程など、実践的な開発フロー全体を解説。
Claude Code を初めて契約した人へ 〜superpowers を使った快適な開発のすすめ〜
ZennClaude Code の初心者が陥りやすい「動くが想定と違う」という問題は、指示に含まれない暗黙の判断を Claude が仮決定することが原因。superpowers 拡張を導入すると、brainstorming・計画・TDD・レビューを自動で挟み、実装前に要件と判断を洗い出し、小さなタスクに分割して進めることで、この問題を回避できる。Sonnet と Opus をコスト効率よく組み合わせる設定も紹介。
AI に時刻を与えるとキャッシュが壊れる話 ─ 時間認識という設計変数
ZennLLM は学習時点で重みが固定されるため、現在時刻を知る手段を持たない。多くの AI プロダクトはシステムプロンプトに日時を注入しているが、毎リクエスト時刻を埋め込むと Claude や Gemini のプロンプトキャッシュのヒット率が 0 になり、キャッシュ書き込み料金で 1.25 倍割高になる。時刻取得の粒度（リクエスト毎 / セッション開始時 / 非注入）を設計変数として選定することが、キャッシュ効率と時間精度のバランスを左右する。
複数 AI エージェントで複数プロジェクトを同時開発する（herdr × agmsg）
ZennClaude Code がリーダーとして計画を立て、Codex が実装する協業体制を agmsg（エージェント間メッセージ）と herdr（複数エージェント管理）の 2 つのツールで実現。人間の作業は初期指示と承認判断に絞られ、複数プロジェクトを並行で進められる仕組みを紹介。