Merge pull request #36 from lukasoppermann/help

Help

dist/plugin.js

@@ -760,6 +760,13 @@
             // const frames = figma.root.children.map(page => page.findChildren(node => isTokenFrame(node))).reduce((flatten, arr) => [...flatten, ...arr])
             // figma.ui.show()
         }
+        // HELP
+        // Open github help page
+        if (figma.command === 'help') {
+            figma.ui.postMessage({
+                command: "help"
+            });
+        }
         figma.ui.onmessage = (message) => {
             if (message.command === 'closePlugin') {
                 figma.closePlugin();

manifest.json

@@ -5,6 +5,8 @@
   "main": "dist/plugin.js",
   "ui": "ui/settings.html",
   "menu": [
-    {"name": "Export Design Tokens", "command": "export"}
+    {"name": "Export Design Tokens", "command": "export"},
+    {"separator": true},
+    {"name": "Help", "command": "help"}
   ]
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Design-Tokens",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "Your Figma Plugin",
   "main": "code.js",
   "repository": {

src/index.ts

@@ -29,6 +29,13 @@ if(figma.command === 'settings') {
   // const frames = figma.root.children.map(page => page.findChildren(node => isTokenFrame(node))).reduce((flatten, arr) => [...flatten, ...arr])
   // figma.ui.show()
 }
+// HELP
+// Open github help page
+if (figma.command === 'help') {
+  figma.ui.postMessage({
+    command: "help"
+  })
+}
 
 
 figma.ui.onmessage = (message) => {

ui/settings.html

@@ -57,6 +57,15 @@ <h2>Design Token Settings</h2>
       notification: '🎉 Design token export succesfull!'
     }}, '*')
   }
+  // open help page
+  if (message.command === "help") {
+    window.open('https://github.com/lukasoppermann/design-tokens')
+    parent.postMessage({
+      pluginMessage: {
+        command: 'closePlugin'
+      }
+    }, '*')
+  }
 }
 
 </script>