Motif Studio は無料で使えますか？

はい。テンプレートの閲覧、ブラウザ上での編集、静的HTMLの書き出しまで無料でご利用いただけます。

コードの知識は必要ですか？

不要です。デザインシステムを選び、要素をドラッグして編集するだけでランディングページを作成できます。

作ったページはどうやって公開できますか？

静的HTMLとして書き出せるため、お手持ちのサーバーやVercelなどの静的ホスティングにそのまま公開できます。

コード不要 · ブラウザだけで完結

ランディングページを、
デザインから書き出しまで。

100種のデザインシステムから選び、ドラッグ＆ドロップで自由に編集。
そのまま静的HTMLとして書き出して、どこへでも公開できます。

100デザインシステム

10デザインファミリー

0円ではじめられる

FEATURES

必要なものが、最初から揃っている。

◧

100種のデザインシステム

ミニマル・エディトリアル・ダークなど10ファミリー。業種に合わせて選ぶだけ。

✦

精密なビジュアル編集

ドラッグ移動・リサイズ・スナップ・整列・元に戻すまで、デザインツール並みの操作性。

▤

レスポンシブ対応

デスクトップ・タブレット・モバイルごとにレイアウトを調整し、@media付きで書き出し。

⤓

そのままHTML書き出し

ビルド不要の静的HTMLを生成。サーバーやVercelにそのまま載せられます。

⊞

豊富な部品ライブラリ

ヒーロー・料金表・お客様の声・FAQなど、セクション単位で挿入できます。

✶

AI＆スタイル補助

色のコピー、スタイルの再利用、部品保存など、繰り返し作業を素早く。

TEMPLATES

選ぶ瞬間から、もう完成形が見える。

100点それぞれが固有のコンセプトと日本語コンテンツを持っています。

HOW IT WORKS

3ステップで公開まで。

選ぶ

100種から、つくりたい雰囲気に近いデザインシステムを選びます。

編める

文言・画像・色・レイアウトをブラウザ上で直感的に調整します。

書き出す

静的HTMLとして書き出し、そのまま公開。コードは一切不要です。

今日、最初のページをつくろう。

登録もダウンロードも不要。ブラウザを開いた、その場ではじめられます。

ランディングページを、デザインから書き出しまで。