Generating Style Guides in Figma Automatically
Вставка
- Опубліковано 10 лип 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!
My guy you TRULY are a life saver. Thank you!
Such a great plugin, very useful... Sincere thanks.
Wow what a time saver! Incredible! Thank you so much for making this!
So welcome! Glad it could be of some use to you.
Man, you are a saver... Amazing tutorial
Wow what a time saver! Incredible! Thank you so much for making this!😍🥰😘🤩
Amazing, Great help with this Plugin, Thank you
Thanks for making this!
This was so helpful. Thanks
It was a hidden GEM that I just found! You nailed it...
You are the man my guy I love you. Many more blessings and positive vibes keep up the good work
Thank you very much, such a handy plugin!
Wonderful time saving stuff
i sooo like this tutorial dude!!
Great video super helpful! Also congrats on almost reaching 1k, u just got 1 more :)
Thank you so much mate! :)
Amazing, Thanks!
Thank you...I initially thought the plugin didn't know until I saw this video
Glad I could help!
Thank you champ God bless you!!!
This is very helpful, thank you! Is there a tutorial on how to create a plugin like this?
What about adding other elements like icons, button, animation etc
no hablo para nada ingles y aun así me lograste ayudar, eres un crack
Boom! Thats ace 👍
very nice amazing this tutorial!
Thank you!
You really help me a lot with your tutorial
But I can't seems to find enough video
Pls upload more
Best plugin ever probably.
Awesome
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
What is the plugin useful for if you have to create the entire style by hands
👏🏽 👏🏽 👏🏽 👏🏽 👏🏽 👏🏽
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!
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
Hey Jordan does your channel monetize because I had seen ads while watching your figma Tutorial
It doesn't! Unfortunately UA-cam will show ads either way. Only difference is that a monetised account will get a share of the UA-cam ad revenue, which I don't.
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!