Skip to content

pantoken-root / design/figma/src / toFigmaVariables

関数: toFigmaVariables() ​

toFigmaVariables(tokens, options?): FigmaVariablesPayload

実験的

IRのトークンリストをFigma Variablesのペイロードに変換する。

パラメーター ​

tokens ​

読み取り専用 Token[]

IR(例: @pantoken/tokens からのもの)。

options? ​

ToFigmaOptions = {}

ToFigmaOptions.

戻り値 ​

FigmaVariablesPayload

FigmaVariablesPayloadです。

例 ​

トークンIRをVariablesのペイロードに変換する

ts
import { toFigmaVariables } from "@pantoken/figma";
import { tokens } from "@pantoken/tokens";

const payload = toFigmaVariables(tokens); // { collection, modes, variables }

コレクションとモードの名前を変更する

ts
import { toFigmaVariables } from "@pantoken/figma";
import { tokens } from "@pantoken/tokens";

const payload = toFigmaVariables(tokens, {
  collection: "Instructure Rebrand",
  modes: ["Light", "Dark"],
});