Shape icon

Shape

Shapeは、デザイナーとプログラマー向けのデスクトップIDE。コード編集、ビジュアルデザイン、Git、AIチャットを1つのアプリで扱え、ローカル開発やブラウザプレビュー、AI支援の編集にも対応。

Shape

Shapeとは

Shapeは、デザイン、コーディング、Gitの変更レビュー、AIチャットを1か所で行いたいデザイナーとプログラマー向けに作られたデスクトップIDEです。サイトでは、単一用途のエディタではなくエージェント型の環境として位置付けられており、ローカルファイル、プレビュー、ソース管理、アシスタント主導の編集をまたぐワークフローを備えています。

クイックスタートとチュートリアルのページでは、実用的な編集フローが示されています。プロジェクトを開き、ターミナルで依存関係をインストールするか開発サーバーを起動し、Browserパネルでアプリをプレビューし、デザインを確認または変更し、AIチャットで質問したりコード変更を適用したりします。インストールガイドによると、ローカルプロジェクトはアカウントなしで開けますが、クラウドAIにはサインインが必要です。

主な機能

プロジェクト中心のデスクトップ作業環境

ローカルフォルダやクローンしたリポジトリを開き、Explorerでファイルを閲覧し、クイックオープンでファイルを素早く切り替え、クイックスタートや最初のプロジェクトガイドに示されているのと同じエディタレイアウトで作業できます。

内蔵ターミナルアクセス

統合ターミナルを使って、IDEを離れずにインストール、開発サーバー、そのほかのプロジェクトコマンドを実行できます。

コード操作付きAIチャット

WorkbenchからAI Chatを開き、@メンションでファイルやフォルダを添付し、Codeモードに切り替えると、エージェントが同じスレッド内で検索、編集、チェック実行まで行えます。

ビジュアルデザインプレビュー

Browserパネルでローカルページを確認し、デザインモードのツールを使ってレイアウトや色の変更を確認し、視覚的な調整をソースファイルに反映できます。

Gitと差分のワークフロー

個別のhunkをステージし、差分を確認し、別のクライアントに移らずにIDE内でGit作業を管理できます。

設定可能なエディタとエージェント設定

フォーマット、Tailwind制御、モデル選択、自動実行動作、MCPサーバーのために、エディタ、デザイン、エージェント設定を調整できます。

一般的な利用例

  • Webアプリ開発

    プロジェクトフォルダを開き、依存関係をインストールし、開発サーバーを起動し、エディタで変更を加えながら内蔵ブラウザでアプリを確認します。

  • ビジュアルなインターフェース編集

    デザインモードとレイアウトまたは色のコントロールを使ってライブUIを確認し、ローカルページをプレビューしながらソース変更を適用します。

  • AI支援コーディング

    開いているコードベースについて質問し、ファイルやフォルダを添付し、プロジェクト内で支援が必要なときはCodeモードでエージェントに検索、編集、チェック実行を任せます。

  • ソース管理レビュー

    Gitの差分を確認し、個別のhunkをステージし、IDEを離れずにリポジトリの変更を進めます。

Pros and Cons

Pros

  • 編集、プレビュー、Git、ターミナルアクセス、AIチャットを1つのデスクトップアプリにまとめています。
  • アカウントなしでプロジェクトを開けるローカルファーストのワークフローをサポートしています。
  • 読み取り専用のAIチャットと、エージェントが検索、編集、チェック実行まで行えるコードモードの両方を備えています。
  • コード編集に加えてビジュアルデザインツールも含まれており、UI作業に役立ちます。
  • インストールから最初のプロジェクト、開発サーバー、プレビューまでの分かりやすい導入手順を示しています。

Cons

  • 現在のインストール手順はWindowsのみで、公開ドキュメントにはクロスプラットフォームのデスクトップ対応は示されていません。
  • クラウドAIにはサインインが必要なため、完全にオフラインで使いたいユーザーやアカウントベースのワークフローを避けたいユーザーには影響する可能性があります。
  • このソースセットの公開ドキュメントでは、GitとMCPサーバー設定以外のサードパーティ統合に関する詳細が限られています。

FAQ

Shapeとは何ですか?

Shapeは、デザイナーとプログラマー向けのデスクトップIDEで、編集、デザイン、Git、AIチャットを1つの作業環境にまとめたものです。

Shapeはどのプラットフォームに対応していますか?

インストールガイドでは、現在のデスクトップインストーラーの対応プラットフォームとして Windows 10 以降(64ビット)が記載されています。

Shapeの基本的な作業フローは何ですか?

クイックスタートガイドでは、プロジェクトを開き、ターミナルを使い、エディタとデザイン設定を調整し、AIチャットを試し、ブラウザパネルでローカルサイトをプレビューできることが示されています。

Shapeには無料プランがありますか?

はい。料金ページには Free、Plus、Pro、Max の各プランが記載されており、Freeプランは月額0ドルで利用でき、上位プランではより多くのクレジット枠やプラン固有の機能が追加されます。

Shapeを使うのにアカウントは必要ですか?

インストールガイドによると、ローカルプロジェクトはアカウントなしで開けますが、クラウドAIを利用するにはサインインが必要です。

Quick Facts

カテゴリ
デスクトップIDE
主なユーザー
デザイナーとプログラマー
ドキュメント上のプラットフォーム
Windows 10 以降(64ビット)
アクセスモデル
ローカルプロジェクトはアカウントなしで開けます。クラウドAIにはサインインが必要です
料金プラン
Free、Plus、Pro、Max
ソースドメイン
useshape.org

Shapeの代替品

ByteAsk icon

ByteAsk

ByteAskは、C/C++向けのターミナル起点AIコーディングエージェント。リポジトリを編集し、コンパイラやデバッガ、サニタイザ、テストで変更を検証してから差分を表示。無料枠あり。

Ghost icon

Ghost

Ghostは、チャット、コード生成、コマンドラインでのタスク実行に対応したターミナル向けAIアシスタントです。無料モデルを同梱し、Linux、macOS、Windowsで使えます。オープンソースです。

Vi3ecode icon

Vi3ecode

Vi3ecodeは、AIコーディングエージェント向けの開発環境です。プロジェクト文脈、ターミナル、Git、メモリ、フロー、レビュー、コミュニケーションを連携させます。

Lucid Train icon

Lucid Train

Lucid Trainは、リポジトリのコードからアーキテクチャ図を生成し、その図をコーディングエージェント向けの仕様として使うローカルファーストのAIコーディング支援です。デスクトップアプリと軽量なRust CLIで利用でき、ローカルモデルや自分のAPIキーにも対応します。

CreateOS Sandbox icon

CreateOS Sandbox

CreateOS Sandboxは、FirecrackerマイクロVM上でコードやエージェントのワークロードを実行できる分離型コンピュート環境です。SDK、CLI、MCPで制御可能。

hob icon

hob

hobは、エージェントのセッション、ターミナル、履歴、後続作業を、既存のツールやプロバイダーに合わせて整理できる独立したコーディングエージェント向けワークスペース。ローカルでの制御を重視する開発者に最適。