スポンサー提供NemoVideo- チャットで指示するだけでバイラル動画が作れるプロ向けAI動画編集エージェント
BAT AI TOOLSBAT AI TOOLS
  • ツール
  • カテゴリ
  • 職種
  • 料金
  • プロモ無料
無料申請
サインイン
  • ホーム
  • /
  • コーディング&開発
  • /
  • Studio.Design
Studio.Design

Studio.Design

Active
キャッチコピー:どんなアイデアもウェブサイトに変える、最も簡単で最速のデザインツール。コード不要。クリエイティブの自由をすべて。
更新日:2026年9月3日
Domain Rating:
86Domain Rating by Ahrefs
ソーシャルメディア:
コーディング&開発ノーコードおよびローコード開発AIウェブサイトビルダーAIランディングページジェネレーターアート&クリエイティブデザインAIのUI/UXデザインAI SEOツールフリーミアムサブスクリプションノーコードWeb アプリクラウドベースチームコラボレーションリアルタイムデザイナー向け
Webサイトを開く
Studio.Design
Webサイトを訪問
|
  • BAT AI TOOLSについて
  • 料金プラン

〜とは何ですか? Studio.Design?

Studio.Design は、ウェブサイトの構築と公開のためのノーコードデザインツールです。ビジュアルエディタでレイアウトをデザインし、キャンバス上のマージン・パディング制御、シンボル、ブレークポイントごとのレスポンシブ設定を使ってから、ワンクリックで公開サイトとして公開できます。組み込みの CMS、フォーム、ページ単位の SEO 設定、Lottie アニメーション対応、Figma インポートに加え、リアルタイムの共同編集とエディタ内コメントも利用できます。コーディングとサーバー設定は Studio が行います。
Studio.Design screenshot 3
Studio.Design screenshot 4
Studio.Design screenshot 5
Studio.Design screenshot 6

使い方 Studio.Design?

1. app.studio.design/signup で無料アカウントに登録します。2. 空白のキャンバスから始めるか、Studio Store からテンプレートを選ぶか、既存の Figma デザインをインポートしてブレークポイントを自動生成します。3. デザインエディタでボックスレイアウト、ドラッグ&ドロップのマージン・パディング制御、再利用要素用のシンボルを使ってレイアウトを構築します。4. 各レスポンシブブレークポイントをビジュアルでカスタマイズし、アニメーションやインポートした Lottie ファイルを追加します。5. CMS で動的コンテンツを追加し、フォームを配置して回答を収集します。6. SEO 設定でページごとにタイトル、説明、サイトマップを設定します。7. 無料プランで studio.site のアドレスにワンクリック公開するか、有料プランでカスタムドメインを接続します。

Studio.Design 主な機能

01

デザインエディタ

直感的な UI でレイアウトをデザインします。ピクセル単位の調整から動的アニメーションまで対応。ボックスレイアウト、キャンバス上のマージン・パディングのドラッグ制御、ページ間で要素を再利用するためのシンボル、レスポンシブブレークポイントごとのビジュアルカスタマイズを含みます。

02

CMS(コンテンツ管理システム)

1 か所の中央でコンテンツ作成を共同作業します。リアルタイムで共同編集し、いつでも公開できます。プランは、無料版の 100 アイテム・3 モデルから、Business Plus 版の 15,000 アイテム・30 モデルまで対応します。

03

ワンクリック公開

デザインをワンクリックで公開ウェブサイトとして公開します。コーディングとサーバー設定は弊社が対応します。無料サイトは studio.site に公開され、有料プランではカスタムドメインが追加されます。

04

フォーム

フォームを作成して訪問者を惹きつけ、テンプレートを超えてアニメーションや色などをカスタマイズします。回答上限は Mini の 100 件から Business の 10,000 件までです。

05

SEO コントロール

各コンテンツの SEO を調整し、サイトマップを自動生成し、有料プランで Google Analytics、Google Search Console、広告トラッキングタグを接続します。

06

Lottie アニメーション

Lottie ファイルを直接インポートしてデザインに動きを加えるほか、フェード、スライド、展開、傾斜、ぼかし、モノクロなど、毎秒調整可能な組み込みエフェクトを備えます。

07

Figma インポート

既存の Figma デザインを持ち込み、ブレークポイントが自動生成されるのを確認し、その結果を公開サイトとして公開します。

08

リアルタイム共同作業

リアルタイムの共同編集、デザインを維持したまま編集者がテキストや画像を変更できる Content Edit Mode、エディタ内で提案を残せるコメント機能を備えます。

09

フォントとデータ接続

900 種類以上のフォントが追加料金なしで利用でき、さらに Notion や Airtable への API 接続により実データでページをデザインできます。Unsplash と iframe 埋め込みが組み込まれています。

Studio.Design ユースケース

コードを書かずにポートフォリオサイトを構築する(Personal プランはポートフォリオ向け)

Mini プランでカスタムドメインにシングルページのランディングページを公開する

Business プランで、CMS 駆動のページ、アナリティクス、リダイレクトを備えたスタートアップのマーケティングサイトを立ち上げる

デザイナーがクライアントサイトを構築し、クライアントが Content Edit Mode でコピーを編集するエージェンシーワークフローを運用する

既存の Figma デザインをレスポンシブな公開ウェブサイトに変換する

CMS のモデルとアイテムを使ってブログや事例集を管理する

1 つの Team ワークスペースから複数のクライアントプロジェクト、メンバー、支払いを管理する

Studio.Design よくある質問

フォームの回答上限を超えた場合はどうなりますか?

上限を超えた回答はダッシュボードやメール通知に表示されません。プランをアップグレードすると、最も古いものからこれらの回答にアクセスできるようになります。

CMS アイテムとは何ですか?

CMS アイテムは、Studio の CMS で管理されるブログ記事やコレクションなどのコンテンツのまとまりです。動的コンテンツを効率的に整理し更新するのに役立ちます。

より低い上限のプランにダウングレードできますか?

現在のコンテンツが新しいプランの上限を超えていても、ダウングレードを予約できます。ただし、それらの上限を超える CMS アイテムや機能は非公開になります。ダウングレードが適用される前にコンテンツを調整してください。

チャットサポートの対象は何ですか?

チャットサポートは Studio に関する問題や質問に対応します。Studio はサードパーティサービスを支援したり、デザインのアドバイスを提供したりすることはできません。エディタの「?」をクリックするとチャットサポートにアクセスできます。

プラン購入後の返金は可能ですか?

購入後の返金はできません。ご登録前にプランの詳細をよくご確認ください。

年払いと月払いを切り替えられますか?

同じまたは上位のプランを月払いから年払いに切り替えることは可能で、残りの月数に割引が適用されます。年払いから月払いへの切り替えはサポートされていません。Free にダウングレードして月払いプランに登録する必要があります。

どのような支払い方法に対応していますか?

Studio はクレジットカードとデビットカードに対応しています。

年払いの請求はいつ行われますか?

年払いはアップグレード日にお支払いいただき、毎年同じ日に自動更新されます。たとえば 2023 年 4 月 19 日にアップグレードした場合、次回のお支払いは 2024 年 4 月 19 日に到来します。

Studio.Design 製品の背景と公式リンク

Studio.Design サポート用メールアドレス、カスタマーサービス連絡先、返金対応先など

Studio.Design サポートメール: hello@studio.design

詳細なお問い合わせは、以下をご覧ください 紹介ページ(https://help.studio.design/en/)

Studio.Design 会社情報

Studio.Design 会社名: STUDIO Inc.

Studio.Design 開発者タイプ: company

Studio.Design 会社住所: Tokyo, Japan

詳細情報 Studio.Design, 以下をご覧ください: 紹介ページ(https://help.studio.design/en/)

Studio.Design 料金プラン

Studio.Design 価格リンク: https://studio.design/pricing

Studio.Design YouTube

Studio.Design YouTubeリンク: https://www.youtube.com/channel/UCacZBasz9QI5k0hcB5HKYoQ

Studio.Design Twitter

Studio.Design Twitterリンク: https://twitter.com/studio

Studio.Design Instagram

Studio.Design Instagramリンク: https://www.instagram.com/sitedesigntool

Studio.Design LinkedIn

Studio.Design LinkedInリンク: https://www.linkedin.com/company/studiodesignapp

Studio.Design の料金プラン

Free

無料
$0
  • デザインツール
  • studio.site に公開
  • Studio バッジが表示される
  • 50 ページ
  • 100 アイテム・3 モデルの CMS
  • 5GB ストレージ
  • 1 日間のバージョン履歴
  • 15 日間のアナリティクス
今すぐ購読してアップグレード

Mini

継続課金
$10 /月
  • 1 ページサイト向け
  • カスタムドメイン
  • 2 ページ + 404 ページ
  • 100 件のフォーム回答
  • アプリを連携
  • 5 日間のバージョン履歴
  • 年払いの場合 $5 /月(20%+ 節約)
今すぐ購読してアップグレード

Personal

継続課金
$12 /月
  • ポートフォリオ向け
  • カスタムドメイン
  • 150 ページ
  • 1,000 件のフォーム回答
  • パスワード保護
  • アプリを連携
  • 1,000 アイテム・5 モデルの CMS
  • 10GB ストレージ
  • 30 日間のバージョン履歴
  • 年払いの場合 $10 /月(20%+ 節約)
今すぐ購読してアップグレード
人気順

Business

継続課金
$35 /月
  • スタートアップ向け
  • Personal のすべての機能
  • 300 ページ
  • 10,000 件のフォーム回答
  • 基本権限
  • 無制限のアナリティクス
  • 301 リダイレクト
  • 5,000 アイテム・10 モデルの CMS
  • 120 日間のバージョン履歴
  • 年払いの場合 $25 /月(20%+ 節約)
今すぐ購読してアップグレード

Business Plus

継続課金
$110 /月
  • スケールアップ企業向け
  • Business のすべての機能
  • 15,000 アイテム・30 モデルの CMS
  • 360 日間のバージョン履歴
  • 高度な権限
  • カスタムヘッダー
  • アクティビティログ
  • 100GB ストレージ
  • 優先サポート
  • Custom Proxy($290 /月)などのオプションのアドオン
  • 年払いの場合 $80 /月(20%+ 節約)
今すぐ購読してアップグレード

Team

継続課金
$18 /月 メンバーあたり
  • プロジェクトプランとは別に請求されるワークスペースプラン
  • 無制限のメンバー
  • 無制限のプロジェクト
  • ゲストを招待
  • カスタム権限
  • 3 メンバーから月額 $54 で開始
  • 年払いの場合 メンバーあたり $14 /月
今すぐ購読してアップグレード

Studio.Design のタグ

フリーミアムサブスクリプションノーコードWeb アプリクラウドベースチームコラボレーションリアルタイムデザイナー向けクリエイター向けスタートアップ向け高度にカスタマイズ可能ゼロ設定安全なデータ

Studio.Design に最適な職業

フリーランサーインディーハッカーズ中小企業経営者セルフメディアとインフルエンサーSEOスペシャリストライター&マーケター学生

注目の製品カテゴリ

LLM & AIエージェント

  • AIチャットボット
  • AIエージェント
  • プロンプトエンジニアリング
  • AI検索エンジン

エンジニアリング & コード

  • AIコードアシスタント
  • AIコードジェネレーター
  • AI開発者ツール
  • ノーコード/ローコード

画像 & クリエイティブ

  • AI画像生成
  • AIデザイン生成
  • AIアート生成
  • 画像から画像

動画 & アニメーション

  • AI動画生成
  • AIショート動画作成
  • デジタルヒューマン
  • AI動画エディター

生産性 & オフィス

  • AI会議アシスタント
  • AI PDFツール
  • AIワークフロー
  • AI PPT作成

マーケティング & セールス

  • AI SEOツール
  • AIコピーライティング
  • AIリード獲得
  • AI営業アシスタント

音声 & サウンド

  • AI音声クローン
  • AIテキスト読み上げ
  • AI音楽生成
  • AIポッドキャストツール

研究 & データ分析

  • AIリサーチツール
  • AIデータ分析
  • AIナレッジベース
  • すべてのカテゴリを見る >>
BAT AI TOOLS
  • AIツールを申請する
  • 料金プラン
  • パートナーシップ
  • フィードバック
  • BAT AI TOOLSについて
  • A2A 互換
WeChat QR
WeChatでQRコードをスキャン
hi@bataitools.comアイコンをクリックしてメールアドレスをコピー
English简体中文繁體中文EspañolالعربيةBahasa IndonesiaPortuguêsFrançais日本語РусскийDeutsch한국어TürkçeTiếng ViệtItalianoNederlandsPolskiไทยहिन्दीУкраїнськаفارسیবাংলাاردوSvenskaNorskDanskSuomiעברית

Copyright © 1970 BAT AI TOOLS. All Rights Reserved.

·パートナーシップ·プライバシーポリシー·利用規約·返金ポリシー