推奨ツール


Figma

Figma: コラボレーションインターフェースデザインツール

作成手順


ツール上で帳票をデザインし、SVGでエクスポートすることで、SheetXのテンプレートとして利用できます。

作成準備

  1. 以下のファイルをダンロード

    帳票テンプレートマスター.fig

  2. ファイルをダブルクリックして、Fgimaが開いたら完了

スクリーンショット 2024-07-22 18.39.26.png

帳票の固定部分の作成

  1. 白紙の部分に、帳票の固定部分(枠や固定文字など)を作成する
    1. 文字・図形・画像を自由に配置することが可能
    2. Figmaの基本的な使い方はこちら

スクリーンショット 2024-07-22 18.16.27.png

置換部分の設定

  1. ファイル内の置換部分用部品を確認

    スクリーンショット 2024-07-22 18.24.39.png

  2. 各部品を入力部分に配置

    1. 部品をコピー・ペーストしてご利用ください
    2. 必要に応じて、フォトサイズや色付き背景のサイズを変更する
    3. itemの文字列をclient_nameのような一意のテキストに変更する
    4. 品名のように複数ある場合は、{{item_1}}のように番号をつけて一意にする
    5. 複数行テキストの場合は、{{multiline_xxx}}とする

<aside> 💡 帳票出力時、文章が長い場合は、色付き背景の領域内に収まるように自動調整されます

</aside>

スクリーンショット 2024-07-22 18.29.02.png