Baroque

平易な言葉でインターフェースを説明すると、Baroque がそれを組み立て、レイアウト、文字サイズの階層、コンポーネントの配置を自分で処理する。箱をドラッグして動かす代わりに、欲しいものを述べて結果を磨いていく。効果が高いのは、プロンプトがページの種類と重視する具体的なセクションを挙げているときだ。詳しい指示のほうが、漠然とした一行よりずっと狙いに近いページを生む。曖昧なプロンプトは曖昧なページを返す。

小さなチームが最もよく使うページをカバーする、編集可能なテンプレートが一式付属する。ダッシュボード。分析ビュー。SaaS のランディングページ。EC ストア、ポートフォリオ、企業サイト、雑誌風のレイアウト。一つから始めて、内容を自分のものに差し替え、ゼロから作る代わりにスタイルを調整する。

任意のウェブアドレスを貼ると、Baroque が選んだスタイルでそのページを再構築する。自分のトップページがまったく別の視覚的アイデンティティになったらどう見えるか、考えたことはないだろうか。いまや何も作り直さずに確かめられる。コードに着手する前に変化を見られるので、提案、ブランド刷新、あるいは単に方向性を比べるのに役立つ。作り直さずに方向を試す手早い方法だ。コードもリスクも要らない。

一つのプロンプトから、Baroque はタイポグラフィ、グリッド、余白、コンポーネントを網羅した構造化ワイヤーフレームを組み上げる。速さはその一部にすぎない。土台となる構造がまともなままなので、そのワイヤーフレームは捨てるものではなく、上に積み上げられるものになる。

何かを生成する前に、Baroque は視覚スタイルを選ぶよう求める。この選択が出力のタイポグラフィ、色、全体の印象を決めるため、同じ内容でも二つのプロンプトでまったく違う結果になりうる。手間の多くを担う単純な設定だ。慎重に選びたい。

生成されたデザインは編集可能なままで、引き渡しを前提に作られている。だから開発者や別のデザイナーが引き継ぎ、すべてをゼロから作り直さずに作業を続けられる。生成後に内容と構造を調整でき、結果を固定された画像として扱わずに済む。専任デザイナーのいないチームでは、初稿の後も作業を前に進められる。