Macaw

コードを書くのをやめて、描画でデザインを始めましょう。Macaw はお気に入りの画像エディタと同じ柔軟性を提供するとともに、意味のある HTML と極めて簡潔な CSS を自動生成します。ウェブデザインツールにもっと高い機能が求められる時代です。

フリュイドキャンバスとグリッド：Macaw はフリュイド幅（レスポンシブ幅）向けに設計されています。キャンバスサイズを変更すると、グリッドや要素がそれに応じて自動的に更新されます。

レスポンシブブレイクポイント：異なるデバイスサイズ向けのデザインは難しい作業です。Macaw では任意のブレイクポイントを定義でき、その特定の幅に対してプロパティを微調整できます。

豊かなタイポグラフィ：Macaw ではシステムフォント、充実したウェブフォントライブラリに加え、Typekit フォントのインポートも可能です。さらに、1 行あたりの文字数などの便利な計算機能も備えています。

インタラクティビティ：Macaw では、ターゲットをクリックするだけでクリック可能なプロトタイプを作成できますが、それだけにとどまりません。スクリプトパレットを使って、よりダイナミックなインタラクションを追加することもできます。Macaw はテンプレートや jQuery 変数を自動生成してくれます。

少ない作業でより多くをデザイン：グローバルスタイル — Macaw では共通のスタイルを保存して、ドキュメント内の任意の要素に素早く適用できます。適用後はスタイルエディタから一度にすべての要素を一括更新できます。

再利用可能なコンポーネントとアセット：複雑な要素を複数ページで使い回す必要がある場合、Macaw ではそれをライブラリ内にコンポーネントとして保存し、プロジェクト内の他の任意のページへドラッグ＆ドロップで配置できます。