Generating Style Guides in Figma Automatically
HTML-код
- Опубликовано: 13 июн 2024
- A quick walkthrough of Figma Plugin, Automatic Style Guides.
www.figma.com/community/plugi...
Contents
0:00 Introduction
0:53 Installing the Plugin
1:36 Setting up the File
Tutorial on the style layers: • Design A Landing Page ...
3:29 Generating a Style Guide
5:18 Exporting to PDF
5:46 Creating Your Own Style Guide
6:31 Renaming and Reconnecting Styles
7:20 Common Workflow Problems
9:09 Common Plugin Problems
10:17 Conclusion
Stay in touch
/ jgeizerux
dribbble.com/jordangeizer/
jordangeizer.com/
Music from Uppbeat
uppbeat.io/t/zayner/falling
License code: CFJ6EG0NHJS4X38W 
Хобби
Beautiful! Thank you for this incredible plugin. I can't wait to start implementing it into my own projects.
Wow, this is incredible! Well done. Thanks for making this plugin!
Wow what a time saver! Incredible! Thank you so much for making this!
So welcome! Glad it could be of some use to you.
My guy you TRULY are a life saver. Thank you!
Wow what a time saver! Incredible! Thank you so much for making this!😍🥰😘🤩
Such a great plugin, very useful... Sincere thanks.
Amazing, Great help with this Plugin, Thank you
Man, you are a saver... Amazing tutorial
Great video super helpful! Also congrats on almost reaching 1k, u just got 1 more :)
Thank you so much mate! :)
You are the man my guy I love you. Many more blessings and positive vibes keep up the good work
This was so helpful. Thanks
Thank you very much, such a handy plugin!
Thank you...I initially thought the plugin didn't know until I saw this video
Glad I could help!
Thanks for making this!
It was a hidden GEM that I just found! You nailed it...
Wonderful time saving stuff
i sooo like this tutorial dude!!
Amazing, Thanks!
very nice amazing this tutorial!
Thank you!
no hablo para nada ingles y aun así me lograste ayudar, eres un crack
Thank you champ God bless you!!!
You really help me a lot with your tutorial
But I can't seems to find enough video
Pls upload more
What about adding other elements like icons, button, animation etc
Boom! Thats ace 👍
This is very helpful, thank you! Is there a tutorial on how to create a plugin like this?
Best plugin ever probably.
Awesome
What is the plugin useful for if you have to create the entire style by hands
Awesome!! This is really so helpful but once I'd like to add illustrations (pics) and iconography, it's not working; so why is that?! Is it working only with font and colors?
amazing
Update moustache tags not working for me after changing the color of a main color?
Really useful plugin
Thank you Chimela, glad you think so!
👏🏽 👏🏽 👏🏽 👏🏽 👏🏽 👏🏽
Hi! This is a great help. Thank you! I have a question. Can I create a UI component style guide? I'm trying to do it, but I can't find the option to register the name for a button frame in Figma. I hope you can help me. Thanks again!
Hi Mariana! Glad it's helped you out. Unfortunately you can't register components with this plugin, it only supports local color and text styles.
@@JordanGeizer Thanks for your help!
Hey Jordan does your channel monetize because I had seen ads while watching your figma Tutorial
It doesn't! Unfortunately RUclips will show ads either way. Only difference is that a monetised account will get a share of the RUclips ad revenue, which I don't.
Great video… Can you please add the exact names of products for those people who don’t live in the US? Or perhaps you can do a video on good/healthy hair products to restore and rebuild one’s hair texture. After pregnancy and still breastfeeding after 2.4 months I need some help with my hair care 😋.
Btw motherhood is the most beautiful, fulfilling, selfless and loving experience in life, but also the most challenging. So definitely not complaining.
Going back to the topic, I love your videos and can’t wait for future content.Thank you and keep rocking this channel. Love
What if I have a Primary, secondary, tertiary and Grey Color and their 10 shades as well...
The Generate Style Guide command will loop through all those colour styles and create the additional pages. But if you want to display those colours in a custom way, I'd use the bulk rename tool (CMD+R with multiple layers selected) to create the first ten shades of "Primary". Then, duplicate the ten shades of "Primary" and rename the newly duplicated layers from "Primary" to "Secondary". You can repeat this process for "Tertiary" and "Grey". Then run "Update Moustache Tags" and all the values should update!
@@JordanGeizer Thank you very much sir, I'll try this 🤍🤩
Are you the lost child of James Wesley!
Yk, James Wesley from Daredevil.
I think you already know that.
haha, you're a crack up.
Hi Jordan, is news to me. What a plugin. So help me out
Hi there! What would you be having trouble with?
@@JordanGeizer I think he means the plugin really helped him out
Ah! Thanks, misread that. Glad it could be of use to you Rijal 😊
Timesaver plugin.
Wow what a time saver! Incredible! Thank you so much for making this!