最近のアクセス:
DesignOps - デザインのエクスポート - Figma

デザイナーは、デザインを Figma 形式で開発者に送信できます。開発者は、IDEDesign インポートオプションを使用して、それらのデザインをインポートできます。 

Figma のデザインを送信する方法

デザイナーがデザインを送信するときは、Figma URL を含め、開発者が Figma のアカウントを持っていない場合や Figma プロジェクトにアクセスできない場合に備えて、アクセストークンを提供する必要があります。
Figma URL は次の形式である必要があります:
https://www.figma.com/file/:key/:title [ ?version-id=:version ]

Figma トークンを取得する方法

  1. Figma アカウントにログインします
  2. ホームページに移動します
  3. アプリケーションバーの右側にあるユーザーアイコンをクリックし、 [ Settings ] オプションを選択します
  4. [ Personal access tokens ] セクションまで下にスクロールします
  5. トークンのデスクリプション (例: 「gx-project」) を入力し、キーボードの Enter キーを押します
  6. 再度表示させることはできなくなるため、受け取ったトークンをコピーします。いずれにせよ、トークンはいつでも削除し ( [ Revoke access ] オプションを使用)、新しいトークンを生成することができます

Figma バージョンを保存する方法

version-id パラメーターを含む Figma URL を共有する前に、Figma ファイルのスナップショットを保存することを強くお勧めします。
スナップショットを保存するには、Figma で [ File ] > [ Save to Version History ] と選択します。Figma は、次のようにリビジョンのタイトルとリビジョンの説明を要求します。
イメージ:50579.png   イメージ:50583.png
 
最後に、 [ File ] > [ Show version history ] と選択し、スナップショットを選択してから [ Copy link ] オプションをクリックすると、スナップショットの URL を取得できます。
イメージ:50581.png   イメージ:50582.png

カスタムフォントを含める方法

Figma フォントを使用している場合、GeneXus は Google フォントからフォントを取得しようとしますが、この処理がうまくいかない場合もあります。開発者がデザインファイルを GeneXus にインポートする際にフォントファイルで問題が発生した場合、またはカスタムフォント (Figma が提供していない) を使用している場合は、フォントファイルを開発者に提供する必要があり、開発者はそれらを開発マシンにインストールする必要があります (Windows の場合、目的のフォントを右クリックして [ すべてのユーザーに対してインストール ] オプションを選択してインストールする必要があります) 。

適用範囲

ジェネレーター:  .NET.NET FrameworkJavaAndroidAngularApple

参考情報

デザイナー向けガイド


サブページ
Created: 22/08/04 03:30 by Admin Last update: 24/04/10 18:40 by Admin
カテゴリ
Powered by GXwiki 3.0