├── .gitignore ├── tsconfig.json ├── manifest.json ├── package.json ├── ui.html ├── code.ts └── code.js /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es6", 4 | "typeRoots": [ 5 | "./node_modules/@types", 6 | "./node_modules/@figma" 7 | ] 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Tints and shades", 3 | "id": "943569346291474506", 4 | "api": "1.0.0", 5 | "main": "code.js", 6 | "ui": "ui.html", 7 | "editorType": [ 8 | "figma" 9 | ], 10 | "menu": [ 11 | { 12 | "name": "Create from Selected Rectangle", 13 | "command": "fill" 14 | } 15 | ] 16 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "test-plugin", 3 | "version": "1.0.0", 4 | "description": "Your Figma plugin", 5 | "main": "code.js", 6 | "scripts": { 7 | "build": "tsc -p tsconfig.json" 8 | }, 9 | "author": "", 10 | "license": "", 11 | "devDependencies": { 12 | "@figma/plugin-typings": "^1.19.1" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /ui.html: -------------------------------------------------------------------------------- 1 | 2 | 96 | 97 | 98 |
99 |
100 |
101 |
102 | 103 |
104 |

Select a rectangle with a fill to run this plugin

105 | 106 | 107 |

108 | Built by Seyi (seyi.dev) 111 |

112 | 113 |
114 | 121 | 125 | 130 |
131 |
132 |
133 | 151 | -------------------------------------------------------------------------------- /code.ts: -------------------------------------------------------------------------------- 1 | // This plugin will open a window to prompt the user to enter a number, and 2 | // it will then create that many rectangles on the screen. 3 | 4 | // This file holds the main code for the plugins. It has access to the *document*. 5 | // You can access browser APIs in the