Dev: Create a Figma Plugin #4

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

[@vry.design]

I really like the setup. Amazing stuff in here.

[@vyshnav_xyz]

Loved it!

[@omairhussain86]

Hi Vijay, I am a real fan of you and your creative skills. Hats off to you

[@realvjy]

Thanks 🙌

[@Anuragmishra-or2mq]

I love your website, can you make a tutorial on how you build it please

[@MurthyRishi]

Lovely!

[@realvjy]

Here github link github.com/realvjy/Live-shape-demo