Macaw

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

フリーフォームキャンバスとグリッド：Macaw は流体幅（fluid width）向けに設計されています。キャンバスサイズを変更すると、グリッドや要素もそれに応じて自動的に更新されます。

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

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

インタラクティビティ：Macaw でクリック可能なプロトタイプを作成するのは、ターゲットをクリックするだけの簡単操作です。しかし、それだけではありません。スクリプトパレットを使えば、さらにダイナミックなインタラクションを追加できます。Macaw はテンプレートや jQuery 変数も自動生成します。

少ない作業で、より多くをデザイン：

グローバルスタイル：Macaw では共通のスタイルを保存しておき、ドキュメント内の複数要素に素早く適用できます。適用後はスタイルエディタを使って、一度にすべての要素を一括更新できます。

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