@ figspec/ 组件

@figspec/components 是一组自定义元素, 它可以使 Figma 文件/ 框架 并显示 Figma 的编辑器类检查器 .

这些组件旨在对Figma REST API结果开展工作. 此库没有提供引用 Figma REST API 端点的功能 .

安装

$ npm i @figspec/components

此库不提供捆绑的脚本 。 请自行使用CDN或捆绑.

使用量

导入条目脚本( E)import '@figspec/components'它会记录我们的定制元素. 现在你可以用这些 在你的页面.

<body>
  <figspec-frame-viewer id="figma_frame"></figspec-frame-viewer>
</body>

// your script.js
import "@figspec/components";

const figmaFrame = document.getElementById("figma_frame")

figmaFrame.apiResponse = /* ... */;
figmaFrame.renderedImage = /* ... */;

要显示整个图像文件, 请使用 <figspec-file-viewer> 换句话说.

<body>
  <figspec-file-viewer id="figma_file"></figspec-file-viewer>
</body>

// your script.js
import "@figspec/components";

const figmaFile = document.getElementById("figma_file")

figmaFrame.apiResponse = /* ... */;
figmaFrame.renderedImages = /* ... */;

请检查url=值 (帮助) 文档网站。 。 。 .

浏览器支持

这个库用于浏览器执行WebComponents v1 spec和ES2019. 捆绑的文件在 esm/es2019。 。 。 .

相关软件包

• @figspec/react ...对这个软件包的反应约束.