An example of a Figma embed block for Sanity

figma.js

import React from "react";

const FigmaPreview = ({ value }) => {
  const { url } = value;
  const host = `gavinmcfarland.co.uk;` // Change to your host/domain
  const regex = /https:\/\/([\w\.-]+\.)?figma.com\/(file|proto)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/
  if (regex.test(url)) {
    const embedUrl = `https://www.figma.com/embed?embed_host=${host}&url=${url}`;

    return (<iframe
      height="450"
      style={{ width: '100%' }}
      src={embedUrl}
      allowfullscreen
      frameBorder="no"
      allowTransparency
    />);
  }
  else {
    return <pre>"Please check the url is correct"</pre>
  }



};

export default {
  name: "figma",
  type: "object",
  title: "Figma Embed",
  preview: {
    select: {
      url: "url"
    },
    component: FigmaPreview
  },
  fields: [
    {
      name: "url",
      type: "url",
      title: "Figma URL"
    }
  ]
};