複数の地理的範囲
全世界、国、地域、サブリージョン、米国の州を対象にマップを作成し、フラットマップとインタラクティブな3D地球儀を切り替えられます。
Globestudio
Globestudioは、世界・国・地域・米国の州などのデータからドットマップやアニメーション付き3D地球儀を作成できるオープンソースツールです。デザイン、動画、Web制作向けに編集、書き出し、埋め込みに対応。
ドットマップとアニメーション付き3D地球儀
Globestudioは、ドットマップやアニメーション付き3D地球儀を作成するオープンソースのジェネレーターです。デザイナー、アニメーター、クリエイティブ開発者は、全世界または特定の地理的範囲を選択し、フラットまたは地球儀形式を選んで、プリセットとカスタムコントロールからビジュアル表現を構築できます。
完成した作品はPNG、SVG、WebM、MP4、GIF、JSONとして書き出せるほか、埋め込みによって別のプロジェクトに配置できます。共有可能な設定URLではキャンバスの状態を保持でき、ドキュメント化されたFigma、React、scriptタグ、iframe、MCPのワークフローによって、デザイン、Web、開発環境への引き継ぎをサポートします。
機能
カスタムドットとカラーのスタイリング
12種類のドット形状から選択できるほか、カスタムSVGまたはPNG形状をアップロードまたは貼り付けできます。線形グラデーションでは、ドット、陸地、線に対してストップごとの不透明度を設定できます。
プリセットのルックとエフェクト
Bloom、chromatic split、CRT、halftone、pixel、threshold、edge、glitch、waveなど、名前付きのルックやシェーダー処理を適用できます。カタログにはAurora、Risograph、Wireframe、Sonarなど21種類のルックが収録されています。
アニメーションするマップ要素
アニメーションするルートアークや都市パルスのネットワーク要素を追加でき、ライブアニメーションではprefers-reduced-motionにも対応します。
幅広い書き出しオプション
静止画、ベクター、動画、GIF、設定ファイル、埋め込みを書き出せます。PNG書き出しは高解像度として説明されており、JSONは公開された設定スキーマに従います。
Web、デザイン、開発者向け連携
共有可能な設定URL、iframeまたはスクリプト埋め込み、Reactコンポーネント、Figmaプラグイン、ホスト型MCPサーバーを使って、デザインをWebサイト、デザインファイル、AI支援ワークフローへ移行できます。
実用例
Webとプロダクトのビジュアル
ランディングページのヒーロー、製品発表、エディトリアルビジュアル向けに地球儀またはフラットマップを作成し、iframeやscriptタグでレスポンシブに埋め込めます。
デザインファイルの構成
Figmaプラグインを使い、レイアウト、プレゼンテーション、FigJamボードの作成時に、地球儀をPNGとして、またはフラットマップを編集可能なベクターとして挿入できます。
モーションと動画アセット
WebM、MP4、GIF形式で動画を書き出したり、モーショングラフィックスや動画向けに、アニメーションするルートアーク、都市パルス、スタイリッシュな地理的背景を作成できます。
デザインから開発への引き継ぎ
JSON設定または共有可能なURLを書き出して、開発者がビジュアルの状態を再現したり、エディターで設定を検証したり、同じ表現を別のページに配置したりできます。
AI支援による生成
ホスト型MCPサーバーをClaude、Claude Code、Codex、Cursorに接続し、自然言語の要件から設定済みの共有URLを生成するようエージェントに依頼できます。
Pros and Cons
Pros
- 世界レベルから国、地域、サブリージョン、米国の州まで、地理的範囲を選択できます。
- 21種類の名前付きビジュアルルック、12種類の組み込みドット形状、カスタム画像形状、グラデーション、シェーダーエフェクトを利用できます。
- 静止画、ベクター、アニメーション、設定、埋め込みを出力でき、単一の画像形式に限定されません。
- Figma、一般的なWebサイトビルダー、Reactプロジェクト、プレーンHTML、MCPクライアント向けの実用的な連携手段を備えています。
- MITライセンスのオープンソースコードとドキュメント化されたJSONスキーマにより、設定を確認して再利用しやすくなっています。
Cons
- 料金ページのURLは現在Not Foundページを返すため、料金とプランの制限は確認できません。
- 提供されているドキュメントでは、ブラウザー、レンダリングパフォーマンス、チームコラボレーションに関する制限を網羅的には確認できません。
- Figmaでの出力はモードによって異なります。GlobeはPNGを挿入し、Flatはドット数が2,500を超える場合またはBloomが有効な場合にPNGになります。
FAQ
GlobestudioをWebサイトやアプリに追加するにはどうすればよいですか？
ホスト型のStudioやiframe埋め込みはインストール不要です。連携ドキュメントには、Webflow、Framer、Notion、WordPress、プレーンHTML、Reactベースのプロジェクト向けに、コピー＆ペーストで使える方法も用意されています。React、Next.js、Remix、Astroのワークフロー向けにReactパッケージも利用できます。
カスタマイズした地球儀を共有できますか？
エクスポートダイアログの「Share」タブを使うと、現在の設定を含むURLを作成できます。同じタブからiframe、React、Webコンポーネント用の埋め込みコードも取得でき、そのURLを使って別のマシンでキャンバスの状態を復元できます。
利用できる出力形式は何ですか？
PNG、SVG、WebM、MP4、GIF、JSON設定、埋め込みに対応しています。Figmaワークフローでは、GlobeはPNGとして挿入され、Flatでは編集可能なベクターを挿入できます。ただし、ドット数が2,500を超える場合、またはBloomを使用する場合、Flatの出力はPNGになります。
Globestudioはオープンソースですか？
はい。ホームページではGlobestudioをMITライセンスのオープンソースとして説明しており、ドキュメントから、コード、課題、ディスカッション、ロードマップ情報を確認できるプロジェクトのGitHubリポジトリへアクセスできます。
Globestudioはアクセシビリティとモーション低減に対応していますか？
ソースには、キーボードショートカット、アクセシブルなダイアログ、ライブアニメーション向けのprefers-reduced-motion対応が記載されています。ブラウザー、パフォーマンス、チーム利用に関する制限の完全な一覧は提供されていないため、目的のプロジェクトに適するか評価する必要があります。
Quick Facts
- カテゴリー
- デザインツール / 開発者向けツール
- 主なユーザー
- デザイナー、アニメーター、クリエイティブ開発者
- ビジュアルプリセット
- 名前付きルック21種類
- 地理的範囲
- 世界、国、地域、サブリージョン、米国の州
- 出力形式
- PNG、SVG、WebM、MP4、GIF、JSON、埋め込み
- ライセンス
- MIT
Globestudioの代替品
PixelDrive
PixelDriveは、ブラウザ編集、REST API、CSV一括、MCPで1つのテンプレートから大量のブランド画像を生成できるAPI。キャッシュ可能なレンダリングと従量課金に対応。
Napkin AI
Napkin AIは、テキストをプレゼン資料や文書、共有用コンテンツ向けの編集可能なビジュアルに変換します。テキスト起点で生成でき、共同編集にも対応。PPT、PNG、SVG、PDFで書き出せます。
appdesigns
appdesignsは、アップロードしたアプリ画像からApp StoreとGoogle Play用スクリーンショットを作成できるブラウザツールです。デバイスフレームやレイアウトをカスタマイズし、アカウント不要で透かしなしのPNGを無制限に書き出せます。
Shotie
ShotieはMacで、シミュレータやエミュレータのキャプチャ、生成画面、アップロード画像からApp StoreとGoogle Play向けのローカライズ済みスクリーンショットを作成。チャット編集、表示チェック、ワンZIP書き出しに対応。
Refero MCP
Refero MCPは、MCP対応AIエージェントをReferoの厳選されたWebおよびiOSのUI/UX参考事例とユーザーフローに接続し、UI生成前の実践的なデザインリサーチを支援します。Refero Proで利用可能です。
Pass Designer
Pass Designerは、Apple Walletパスの作成・プレビューに対応するmacOSベータツールです。テンプレートや画像、項目、色、セマンティックデータを編集し、iPhoneとApple Watchでの表示を確認できます。