Support new Figma share URL

<#239>

Figma changed URL structure for the share URL from "/file/..." to
"/<anything>/...". This patch updates the URL checking regexp according
to their updated embed document.

close #239

packages/examples/stories/tests/issues/239.stories.jsx

@@ -0,0 +1,19 @@
+import React from "react";
+
+import { Button } from "../../Button";
+
+export default {
+  title: "Tests/Issues/#239",
+  render() {
+    return <Button>Button</Button>;
+  },
+};
+
+export const NewURL = {
+  parameters: {
+    design: {
+      type: "figma",
+      url: "https://www.figma.com/design/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample?node-id=0%3A1&t=QfPVIRalrysutNxH-1",
+    },
+  },
+};

packages/storybook-addon-designs/src/manager/components/Figma.tsx

@@ -7,7 +7,7 @@ import { IFrame } from "./IFrame";
 import { FigmaConfig, IFrameConfigBase } from "../../config";
 
 export const figmaURLPattern =
-  /https:\/\/([w.-]+.)?figma.com\/(file|proto)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/;
+  /https:\/\/[\w\.-]+\.?figma.com\/([\w-]+)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/;
 
 export const isFigmaURL = (url: string) => figmaURLPattern.test(url);
 

packages/storybook-addon-designs/src/manager/components/Figspec.tsx

@@ -95,7 +95,7 @@ export const Figspec: FC<Props> = ({ config }) => {
         throw new Error(config.url + " is not a valid Figma URL.");
       }
 
-      const [, , , fileKey] = match;
+      const [, , fileKey] = match;
 
       const url = new URL(config.url);