◧ Workspace 連携/2026-04-07上級
Gemini × フロントエンド開発：Canvas・API自動化・A/Bテスト量産まで
Gemini を活用したフロントエンド開発の実践ガイド。Canvas モードでの LP 制作から、Gemini API を使ったデザイン自動化、A/B テスト LP の量産、React コンポーネント生成、アクセシビリティ改善まで体系的に解説します。
◧ Workspace 連携/2026-04-07初級
GeminiとFigmaでLPを1時間で作る方法：AIデザインワークフロー完全解説
Gemini の Canvas モードと Figma を組み合わせてランディングページを1時間以内で制作するワークフローを解説。プロンプト設計から html.to.design でのFigma取り込みまで、実践的な手順を丁寧に紹介します。
⬡ Gemini 応用/2026-03-22上級
Gemini × Figma — モバイルアプリのプロトタイプを最速で作る方法
Gemini と Figma を組み合わせてモバイルアプリのプロトタイプを短期間で形にする流れをまとめました。要件定義や情報設計の壁打ちから、画面遷移図の生成、ユーザーテスト用プロトタイプの準備、実装チームへの引き継ぎまで順を追って説明します。
⟐ Gemini 開発/2026-03-22初級
Figma × Gemini で UI デザインを効率化する方法 — AI アシスタントによるデザインレビュー
Figma の UI デザインを Gemini にレビューしてもらう方法をまとめました。デザインを送る基本ステップ、レイアウトやタイポグラフィ、アクセシビリティを多面的に見るプロンプト例、Dev Mode との連携、デザインシステム構築への応用まで紹介します。