Skip to main content

Tangiblee Help Center

Find answers about implementation, virtual try-on, product visualization, integrations, analytics, and account support.

独自のCTAデザインを提供する

Last Updated:
May 12, 2026

一部のクライアントは、独自のCTAデザインを提供することを好みます。当社チームがお客様のCTAデザインを実装する方法を、最も望ましいものから最も望ましくないものまでご紹介します。

1。ファイルを開く

一等賞は、オープンデザインファイル (Figma/Adobe XD) を手に入れることです = 編集権限付き

  • 私たちはあなたの文書を編集しません!デザインをコピーして新しい文書に貼り付け、後で加えた変更はすべて社内に反映されます。

2。プロトタイプリンク

二等賞は、スペックにアクセスできるプロトタイプのデザインリンクを入手することです。

  • コンポーネントの設計と仕様を表示できます。
  • その後、当社のチームがお客様のCTAを一から作り直します。

3。ツェップリンリンク

3等賞は、クライアントのZeplinからZeplinのリンクを取得することです。

  • スペックを表示するには、すべてのチームメンバー (設計および開発) に開発者アクセス権が必要です。

4。ドライスペック

最後の賞品はスペックを書面で入手することです。

  • アイコン (」svg」ファイル)
  • フォント名 (可能な場合はフォント「ttf」ファイル)
  • フォントサイズ
  • フォントの太さ
  • 16進コードの色
  • ボタンサイズ (ピクセル単位の幅と高さ)
  • PDP への配置
  • 他のPDP要素と比較したパディングとマージン (例:商品画像の左端と上端から16px)
  • デスクトップCTAとモバイルCTAの両方に対応したデザイン
  • すべての CTA 状態 (デフォルト+ホバー)

[.bad] 私たちのチームに必要なのは、上記のオプションの1つで、4つすべてではありません。[.bad]。

Related Resources

CTA デザイン 引き渡し, Figma CTA ファイル, デザイン 仕様, プロトタイプ リンク, Zeplin アクセス, desktop mobile CTA

CTA デザインを実装チームへ渡す最適な方法を整理した記事です。編集可能なデザインファイル、プロトタイプ、Zeplin、文字仕様の順で推奨度を示し、デスクトップとモバイルで再現するために必要な素材や仕様を具体的に確認できます。 実務で迷いやすい前提条件や確認項目もまとめられており、導入前のすり合わせ、設定見直し、関係者への説明にそのまま使える内容です。 判断基準を短時間で把握できます。 関係者共有にも役立ちます。