Generating Style Guides in Figma Automatically
HTML-код
- Опубликовано: 7 авг 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 Хобби
Wow, this is incredible! Well done. Thanks for making this plugin!
Beautiful! Thank you for this incredible plugin. I can't wait to start implementing it into my own projects.
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!
Such a great plugin, very useful... Sincere thanks.
Man, you are a saver... Amazing tutorial
Amazing, Great help with this Plugin, Thank you
Wow what a time saver! Incredible! Thank you so much for making this!😍🥰😘🤩
Great video super helpful! Also congrats on almost reaching 1k, u just got 1 more :)
Thank you so much mate! :)
Thank you very much, such a handy plugin!
Thanks for making this!
This was so helpful. Thanks
You are the man my guy I love you. Many more blessings and positive vibes keep up the good work
It was a hidden GEM that I just found! You nailed it...
Thank you...I initially thought the plugin didn't know until I saw this video
Glad I could help!
This is very helpful, thank you! Is there a tutorial on how to create a plugin like this?
Amazing, Thanks!
i sooo like this tutorial dude!!
Wonderful time saving stuff
no hablo para nada ingles y aun así me lograste ayudar, eres un crack
You really help me a lot with your tutorial
But I can't seems to find enough video
Pls upload more
very nice amazing this tutorial!
Thank you!
Thank you champ God bless you!!!
What about adding other elements like icons, button, animation etc
Boom! Thats ace 👍
What is the plugin useful for if you have to create the entire style by hands
Best plugin ever probably.
amazing
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?
Really useful plugin
Thank you Chimela, glad you think so!
Awesome
👏🏽 👏🏽 👏🏽 👏🏽 👏🏽 👏🏽
Update moustache tags not working for me after changing the color of a main color?
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!
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 🤍🤩
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
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, this is incredible! Well done. Thanks for making this plugin!
Wow what a time saver! Incredible! Thank you so much for making this!