unitcell tools

色を決めて、DESIGN.md にまとめ、ワイヤーと見本で確かめる。デザインの下ごしらえの道具です。

  1. Color色のマトリクス

    基準の色を1つ入れると、19色相×14トーンのパレットを作ります。

    CSS / Tailwind / SCSS / CSV / JSON

  2. LiteDESIGN.md を作る

    プライマリー1色から、色・文字・形・部品を組み立てて DESIGN.md に書き出します。読み込めば続きから直せます。

    DESIGN.md

  3. Studioワイヤーと見本

    md でサイトマップとワイヤーを書いて、その場でクリックできる画面にします。DESIGN.md を取り込むと、見本と部品一覧で見た目を確かめられます。

    ワイヤー（JSON）

アプリの画像

Assetsアプリ用画像の書き出し

@4x の画像から、iOS（imageset）と Android（drawable 5密度の PNG / WebP）を1つの ZIP にまとめて書き出します。