Create A Figma Plugin

Опубликовано: 10 Октябрь 2024
на канале: Jordan Geizer

10,516

256

Create a Figma plugin to generate pages in your file.

Contents
0:00 - Introduction
0:30 - Creating A New Figma Plugin
1:00 - Install Visual Studio Code (https://code.visualstudio.com/)
1:15 - Opening the Project in Visual Studio Code
1:30 - Installing Node
brew install nvm
nvm install node
nvm use node
2:10 - NPM Dependencies
npm install @figma/plugin-typings
npm install typescript
npm install webpack
npm install webpack-cli
npm install ts-loader
3:13 - Webpack Configuration
webpack.config.js
(https://www.typescriptlang.org/docs/h...)
5:32 - Creating an Array of Pages
7:32 - Creating the Loop
8:27 - First Demo
9:08 - Creating the Toast Notification
9:32 - Second Demo
10:00 - Renaming the Default Page 1
11:00 - Final Demo
11:09 - Conclusion

Stay in touch
/ jgeizerux
https://dribbble.com/jordangeizer/
https://jordangeizer.com/

Music from Uppbeat:
https://uppbeat.io/t/infraction/live-it
License code: UYMMWNAGD3A3SVCQ