diff --git a/src/content/figma.js b/src/content/figma.js
new file mode 100644
index 000000000..c2eab196b
--- /dev/null
+++ b/src/content/figma.js
@@ -0,0 +1,34 @@
+/**
+ * @name Figma
+ * @urlAlias figma.com
+ * @urlRegex *://*.figma.com/*
+ */
+'use strict';
+
+togglbutton.render(
+  'div[aria-label="Main toolbar"]:not(.toggl)',
+  { observe: true },
+  function (elem) {
+    const titleElem = $('span[aria-label="File name"]', elem).parentElement
+    const titles = []
+    for (let children of titleElem.children){
+      if(children.textContent.trim() !== '') titles.push(children.textContent.trim())
+      // Test after file name is useless
+      if(children.ariaLabel === 'File name') break
+    }
+    const text = titles.join(' / ')
+
+    const container = elem.lastChild;
+
+    const link = togglbutton.createTimerLink({
+      className: 'figma',
+      description: text,
+      buttonType: 'minimal'
+    });
+
+    if($('div[aria-label="Main toolbar"] .toggl-button.figma')){
+      $('div[aria-label="Main toolbar"] .toggl-button.figma').remove()
+    }
+    container.prepend(link);
+  }
+);
diff --git a/src/origins.js b/src/origins.js
index 24d001830..452871fa4 100644
--- a/src/origins.js
+++ b/src/origins.js
@@ -188,6 +188,10 @@ export default {
     url: '*://*.fibery.io/*',
     name: 'Fibery'
   },
+  'figma.com': {
+    url: '*://*.figma.io/*',
+    name: 'Figma'
+  },
   'focuster.com': {
     url: '*://*.focuster.com/*',
     name: 'Focuster'