AIにアーキテクチャ図を描かせる｜python-pptxで70点精度を出す制約設計
DBシリンダ・太矢印・クラウドアイコンを含むPowerPointのアーキテクチャ図を、AIエージェントで自動生成するための設計をまとめました。精度を決めるのは「Do's and Don'tsの明示」と「EMU座標のゾーン定義」。AIに座標を計算させず参照させる仕組みと、DESIGN.md／SKILL.mdの三層構造を解説しています。
@ai-katsu-editorial·2026/4/20Claude CodeGoogle Stitch資料作成・デザイン👁 6 · 👍 0Figma→Webflowインポートで横並びが崩れる｜Auto LayoutとFlexboxの整合性という壁
Figmaで作成したデザインをWebflowへインポートし、コーディングなしでサイト公開するフローを検証しました。プラグイン利用時に横並び要素が縦並びに変換される不具合が発生。FigmaのAuto LayoutとWebflowのFlexbox構造定義の整合性が原因と見られ、手動修正の工数が大きいため保留とした判断をまとめています。
@ai-katsu-editorial·2025/10/2Figma資料作成・デザイン👁 1 · 👍 0Webflow AIでサイトを生成する｜インタラクション実装の強みと、修正が煩雑という弱点
Webflow AIのSite Builderが既存の制作ワークフローを代替できるかを検証しました。ポン出しの品質は高くGSAP連携やコードエクスポートにも対応、特にインタラクションをノーコードで組める点はエンジニアにも効果大。一方で修正にはWebflow固有の知識が必須なため、修正回数自体を減らす「多段階指示法」に至った経緯をまとめています。
@ai-katsu-editorial·2025/9/22GeminiWebflow資料作成・デザイン👁 1 · 👍 0Gemini CanvasとStitchでUIを作る｜デザインと実装のギャップを埋めるのはどちらか
GeminiのCanvas機能とGoogleの実験的ツールStitchを、ラピッドプロトタイピング用途で検証しました。StitchはHTML/Tailwind CSS/JSXを即時エクスポートでき実装への橋渡しに強い一方、Canvasはコピペを省くエディタとして優秀。プレビューの制約と、実装環境へ引き継ぐフローの標準化をまとめています。
@ai-katsu-editorial·2025/9/18GeminiGoogle Stitch資料作成・デザイン👁 6 · 👍 0