figma-to-html

Install

$ pnpm install figma-to-html

Usage

import { FigmaParser } from "figma-to-html";
const figmaParser = new FigmaParser({
  clientId: "clientId",
  clientSecret: "clientSecret",
  redirectUri: "redirectUri",
});

//single：figma url
figmaParser
  .parse(url, { onProgress: (progress) => {} })
  .then((htmlText) => {
    console.log(htmlText);
  })
  .catch((error) => {
    console.log(error);
  });

//batch：figma url array
figmaParser
  .parseBatch(urls, { onProgress: (progress) => {} })
  .then((htmlText) => {
    console.log(htmlText);
  })
  .catch((error) => {
    console.log(error);
  });

//image
figmaParser
  .parseToImage(url)
  .then((imageUrl) => {
    console.log(imageUrl);
  })
  .catch((error) => {
    console.log(error);
  });

Options

| Option | Type | Default | Required | Description | | ---------------- | --------------------------------------------------- | ----------------------------------- | -------- | --------------------- | | clientId | string | - | ✅ | figma clientId | | clientSecret | string | - | ✅ | figma clientSecret | | redirectUri | string | location.origin + location.pathname | | figma redirectUri | | tpl | boolean | true | | template | | placeholderImage | string | - | | placeholder image url | | imageResolver | (url: string, type: ImageType) => Promise<string> | base64 image resolver | | image resolver | | onProgress | (progress: number) => void | - | | progress callback |

LICENSE

MIT