Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including gatsby-remark-embed-figma with all npm packages installed. Try it out:

require("gatsby/package.json"); // gatsby is a peer dependency. require("gatsby-transformer-remark/package.json"); // gatsby-transformer-remark is a peer dependency. require("react/package.json"); // react is a peer dependency. var gatsbyRemarkEmbedFigma = require("gatsby-remark-embed-figma")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

gatsby-remark-embed-figma v1.0.1

Gatsby remark figma embed preprocessor

gatsby-remark-embed-figma

npm install gatsby-remark-embed-figma
// Requires gatsby-transformer-remark
npm install gatsby-transformer-remark


Add to your gatsby-config.js

{
      resolve: 'gatsby-transformer-remark',
      options: {
        plugins: [
          "gatsby-remark-embed-figma",
      }
}

Add your nice url inside backticks

https://www.figma.com/file/FpKGFJhA3XsT0GNMVzA0Ywww/Raeon

and boom you get an embed

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free