STUDIOStudio

ログイン / 新規登録 

Design Editor

デザインを、もっと自由に。

デザインを、
もっと自由に。

Studioのデザインエディタは、0から自由にデザインすることが可能です。ピクセル単位の微調整から、ダイナミックなアニメーションまで、もうコードを書く必要も、テンプレートに縛られる必要もありません。

 LAYOUT

こだわり抜いた、4つのコア機能。

ボックスレイアウト

スマートに、レイアウトを作成。

積み木を組んでいくような感覚で、レイアウトを作成。要素の組み換えも、圧倒的にスムーズに。

マージン&パディング

直感的に、位置を調整。

Studioでは、マージン&パディングで要素の位置を微調整。
ノーコードだから、デザイナー自身でピクセル単位までこだわれます。

シンボル機能

コピペとは、さようなら。

よく使うデザイン要素を、まとめてシンボル化。
もうデザインの変更のたびに、コピペをする必要はありません。

レスポンシブデザイン

すべてのスクリーンに、最高のデザインを。

各デバイスサイズに合わせて、デザインを最適化。レイアウトの変更も自由自在です。

コラボレーション

チームでのサイト構築も
とってもスムーズ。

デザインエディタ上で、リアルタイム共同編集が可能。リモートでの共同作業もStudio上で完結します。

COLLABORATION

リアルタイム共同編集

Studioでは、プロジェクトにメンバーを招待したり、リアルタイムの共同編集が可能です。

CONTENTS EDIT

柔軟なモード切り替え

コンテンツ編集者向けのエディターで
テキスト・画像・アイコンだけ編集可能な設定が可能です。

COMMENT

コメント機能

エディタ上で直接デザインにコメントができ、
フィードバックのやり取りをスムーズにし、デザインプロセスの効率化できます。

ANIMATION

自由自在に、動きをデザイン。

ダイナミックなアニメーションも、もちろんノーコードで。モーションの微調整も、コンマ数秒までこだわれます。

カーソルを当ててみよう↓

タップしてみよう↓

フェード

スライド

拡大

傾き+スライド

ぼかし

モノクロ

FONT

日本語も英語も、
最高のタイポグラフィで。

モリサワフォントとGoogle Fontに無料で対応。
900種類以上のフォントで、あなたのデザインにもっと自由を。

FONT TYPE

豊富なフォントの種類

7,600種類以上のフォントが無料で利用可能。

TypeSquare, Google font

TYPOGRAPHY

柔軟なタイポグラフィ

カーニングはもちろん、縦書きレイアウトにも対応。

API CONNECTION

外部とのデータ連携も、
驚くほどスムーズ。

API連携を活用すれば、Notion、microCMS、AirTableなど、様々なサービスとドラッグ1つで連携可能。もちろん連携したデータのレイアウトも自由にデザインできます。

VIDEO UPLOAD

動画の埋め込みも、
Studioだけで完結。

面倒な設定や、外部サービスへのアップロードは要りません。
見た人の心を揺さぶる映像体験を、ノーコードで簡単に実現。

iframe

お気に入りのサービスを、
埋め込もう。

Studioでは、Google MapsやYoutubeの動画などの外部サービスを、簡単にデザインに埋め込むことが可能です。

Google Map, YouTube, Spotify, AdobeXD, LinkedIn, Codepen, Figma, Vimeo

Unsplash連携

美しい写真を、
あなたのデザインに。

Studioの画像検索機能なら、キーワードを入力するだけで多数の美しい写真をその場で使えます。

さあ、今すぐStudioを始めよう。

無料ではじめる