Dev: Create a Figma Plugin #4
HTML-код
- Опубликовано: 12 сен 2024
- You will learn how to create figma plugin. In this live stream, we'll cover how to get started with creating a Figma plugin and share behind-the-scenes details of the recently created Shape Shifter plugin. x.com/realvjy/...
Jump to
04:30 - Intro
13:00 - Resources - Documentation, Editor, Terminal
16:00 - Create Plugin from Figma UI
25:00 - Create Plugin using "create-figma-plugin" package
38:40 - Create Plugin using official Figma templates
53:30 - Change Plugin UI dimenstion
53:30 - Passing values from UI to Plugin
1:02:00 - Create Reactangle & Ellipse
1:10:00 - Change shape size, postion and creating loop
1:17:00 - Change fill color
1:20:16 - Group nodes
1:24:00 - Update Plugin UI css (dark mode)
1:34:00 - Recreating Shape Shifter Plugin s.vjy.me/shape...
1:50:00 - Designing & Coding UI for Shape Shifter Live
2:21:00 - Adding logic for Union, Substract, Intersect and Exclude
2:24:00 - Push repo to Github github.com/rea...
2:26:00 - Submit Plugin to community
2:29:00 - Show code for original Shape Shifter Plugin
2:33:00 - Outro
For more information
Wesbite vjy.me
Design tips designtool.tips/
Newsletter: designletter.co/
Twitter / realvjy
Discord / discord or designwizards.co
Need design help for your brand?
Send enquiry Overlayz Studio overlayz.studio
I really like the setup. Amazing stuff in here.
Loved it!
Hi Vijay, I am a real fan of you and your creative skills. Hats off to you
Thanks 🙌
I love your website, can you make a tutorial on how you build it please
Lovely!
Here github link github.com/realvjy/Live-shape-demo