あなただけのデザインを。

Design

STUDIOは、実際のWebサイトに使用される「ボックスモデル」を搭載した、世界で初めてのデザインツールです。あなたがデザインをしたものは、STUDIOが瞬時にコードに変換します。ついに、デザインと開発が1つになりました。

" No more spending hours scouring for the right image. Now I can search and easily fill my design with high-quality photos directly in STUDIO "

Daniel Marcos Perujo, SENIOR INTERACTION DESIGNER at IDEO

Box-Model Layout

効率良く、スマートにレイアウトを作成

積み木を組んでいくような感覚で、レイアウトを作成していきましょう。要素は方向に対して、積み重なって配置されていきます。 

Responsive Design

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

各デバイスサイズに合わせて、最適なデザインを作りましょう。STUDIOでは、各デバイス用のデザインを、ビジュアルで簡単に作成可能です。

Margin & Padding

マージン&パディングを使って、デザインしよう。

STUDIOでは、実際のWebサイト制作で使用される、マージンとパディングを使って要素の間隔を調整していきます。要素の外枠はマージン、内枠はパディングを使いましょう。

Unsplash Built-in

美しい写真で、あなたのデザインを引き立てます。

STUDIOの画像検索機能なら、キーワードを入力するだけで多数の美しい写真をその場で使えます。もう、ダウンロードの必要はありません。

iframe

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

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

Interaction Design

ポップアップなど、動きのあるデザインも思いのまま。

クリックで表示するハンバーガーメニューや、ポップアップなどのインタラクションデザインも簡単に作成できます。

Google Fonts

900種類以上のフォントが使いたい放題。

Google Fontsと連携しているので、ワンクリックで自由自在に好きなフォントを使用することが可能です。 

さあ、はじめよう。

あなただけのWebサイトを、コードを書かずに作成。

無料ではじめる →