1. Top
  2. figspec
  3. Files
  4. website
  5. examples
  6. file.html
figspec

Unofficial static Figma frame/file viewer available as HTML CustomElement

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16 
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>File viewer example | Figspec</title>
    <link rel="stylesheet" href="./style.css" />
    <script type="module" src="./file.ts"></script>
  </head>
  <body>
    <figspec-file-viewer
      id="demo"
      link="https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample?type=design&node-id=64%3A1&mode=design&t=qv0I0EDmOnHF0knC-1"
    ></figspec-file-viewer>
  </body>
</html>