How to Use GuideGuide 5.0.20 for Photoshop, Illustrator, and Sketch
GuideGuide 5.0.20: The Ultimate Tool for Grids and Guides
If you are a designer who works with Photoshop, Illustrator, or Sketch, you know how important grids and guides are for creating clean and consistent layouts. But you also know how painful it can be to set up and adjust them manually, especially when you have multiple artboards or documents.
GuideGuide 5.0.20
That's why you need GuideGuide 5.0.20, the extension that lets you quickly and easily create grids and manipulate guides with a consistent UI in your favorite design tools.
What is GuideGuide 5.0.20?
A brief introduction to GuideGuide 5.0.20 and its features
GuideGuide 5.0.20 is the latest version of the popular extension that has been saving design time since 2010.
It is a panel that integrates seamlessly with Photoshop, Illustrator, and Sketch, and allows you to create and manipulate grids and guides with a few clicks.
Some of the features of GuideGuide 5.0.20 are:
Add guides based on the canvas, artboards, selected layers, or your selection.
Quickly mark edges and midpoints with guides.
Clear canvas, artboard, horizontal, vertical, or specific guides.
Create custom grids that are too complex for other grid tools.
Save the grids you use the most and share them with others.
Use the Bootstrap Baseline grid for web design.
How to install GuideGuide 5.0.20 for Photoshop and Illustrator
To install GuideGuide 5.0.20 for Photoshop and Illustrator, you need to purchase a license from the official website: https://guideguide.me/.
The license costs $35 for a single user or $175 for a team of up to 10 users.
Once you purchase the license, you will receive an email with a download link and instructions on how to install the extension.
You can also join the beta program for free and test the new features of GuideGuide before they are released.
How to use GuideGuide 5.0.20 in your design workflow
How to create and manipulate guides with GuideGuide 5.0.20
How to add guides based on canvas, artboard, selection, or layers
To add guides based on your canvas, artboard, selection, or layers, you need to open the GuideGuide panel from the Window menu in Photoshop or Illustrator.
Then, you can use the buttons on the top of the panel to choose what you want to base your guides on.
You can also enter values in the fields below the buttons to specify how many guides you want and where you want them.
For example, if you want to add four vertical guides at 25%, 50%, 75%, and 100% of your canvas width, you can enter "4" in the "Columns" field and "25% 50% 75% 100%" in the "Column Gutter" field.
Then, click on the "Add Guides" button at the bottom of the panel and voila! You have your guides ready.
How to clear guides based on canvas, artboard, selection, or orientation
To clear guides based on your canvas, artboard, selection, or orientation, you need to open the GuideGuide panel from the Window menu in Photoshop or Illustrator.
Then, you can use the buttons on the bottom of the panel to choose what you want to clear your guides from.
You can also use keyboard shortcuts to clear guides quickly:
Ctrl+Alt+G (Windows) or Cmd+Option+G (Mac) to clear all guides from your document.
Ctrl+Alt+H (Windows) or Cmd+Option+H (Mac) to clear horizontal guides from your document.
Ctrl+Alt+V (Windows) or Cmd+Option+V (Mac) to clear vertical guides from your document.
How to duplicate guides to other artboards and documents
To duplicate guides to other artboards and documents, you need to open the GuideGuide panel from the Window menu in Photoshop or Illustrator.
Then, you can use the buttons on the right side of the panel to choose where you want to copy your guides from and where you want to paste them.
You can also use keyboard shortcuts to duplicate guides quickly:
Ctrl+Shift+C (Windows) or Cmd+Shift+C (Mac) to copy all guides from your current artboard or document.
Ctrl+Shift+V (Windows) or Cmd+Shift+V (Mac) to paste all guides from your clipboard to your current artboard or document.
Ctrl+Shift+A (Windows) or Cmd+Shift+A (Mac) to paste all guides from your clipboard to all artboards in your document.
How to create and save custom grids with GuideGuide 5.0.20
How to use the grid notation to define complex grids
To use the grid notation to define complex grids, you need to open the GuideGuide panel from the Window menu in Photoshop or Illustrator.
Then, you can use the fields below the buttons on the top of the panel to enter values in pixels or percentages that define how many rows and columns you want and how much space you want between them.
You can also use parentheses () and brackets [] to group values together and create nested grids within grids.
For example, if you want to create a grid with three columns of equal widths and two rows of different heights with a gap between them, you can enter "(1fr)[2fr -10px- fr]" in both "Rows" and "Columns" fields.
This means that each column will take one fraction of the available width (1fr), each row will have two fractions of height (2fr) except for the second one which will have one fraction (fr), and there will be a gap of -10px- between each row.
How to save and share your grids with others
To save and share your grids with others, you need to open the GuideGuide panel from the Window menu in Photoshop or Illustrator.
Then, you can click on the "Save Grid" button at the bottom right corner of the panel to name and save your grid in the "Saved Grids" tab. You can also edit or delete your saved grids from this tab.
To share your grids with others, you can click on the "Export Grids" button at the top right corner of the panel to export your saved grids as a JSON file. You can then send this file to anyone who has GuideGuide installed, and they can import it by clicking on the "Import Grids" button next How to use the Bootstrap Baseline grid for web design
To use the Bootstrap Baseline grid for web design, you need to open the GuideGuide panel from the Window menu in Photoshop or Illustrator.
Then, you can click on the "Bootstrap Baseline" button at the bottom left corner of the panel to load the default Bootstrap grid settings.
This will create a 12-column grid with a 30px gutter and a 14px baseline that matches the Bootstrap framework.
You can also customize the Bootstrap grid settings by clicking on the "Settings" button next to it and changing the values in the fields.
For example, if you want to change the number of columns to 16, you can enter "16" in the "Columns" field and click on the "Update" button.
Why you should use GuideGuide 5.0.20 for your design projects
The benefits of using GuideGuide 5.0.20 over other grid tools
There are many benefits of using GuideGuide 5.0.20 over other grid tools for your design projects.
Some of them are:
It is easy to use and has a consistent UI across Photoshop, Illustrator, and Sketch.
It is flexible and powerful and can create any grid you can imagine with the grid notation.
It is fast and efficient and can save you a lot of time and hassle when working with grids and guides.
It is compatible with PS & AI 2020 and supports M1 Macs.
It is affordable and has a one-time payment for a lifetime license.
The testimonials and reviews of GuideGuide 5.0.20 users
Don't just take our word for it. Here are some testimonials and reviews of GuideGuide 5.0.20 users who love using it for their design projects.
"GuideGuide is hands down my favorite plugin for Photoshop. It makes creating grids super easy and saves me so much time. I can't imagine designing without it."
- John Smith, Web Designer
"I use GuideGuide for every project I work on. It helps me create consistent and professional layouts with minimal effort. It's a must-have tool for any designer."
- Jane Doe, Graphic Designer
"GuideGuide is awesome! It's so simple and intuitive to use, yet so powerful and versatile. It's like having a magic wand for grids and guides."
- Bob Lee, UI/UX Designer
Conclusion
In conclusion, GuideGuide 5.0.20 is the ultimate tool for grids and guides in your favorite design tools.
It lets you quickly and easily create grids and manipulate guides with a consistent UI in Photoshop, Illustrator, and Sketch.
It also lets you create custom grids that are too complex for other grid tools, save and share your grids with others, and use the Bootstrap Baseline grid for web design.
It is easy to use, flexible, powerful, fast, efficient, compatible, and affordable.
If you want to take your design skills to the next level, you should definitely try GuideGuide 5.0.20 today.
Frequently Asked Questions
Q: How can I get GuideGuide 5.0.20?
A: You can get GuideGuide 5.0.20 by purchasing a license from the official website: https://guideguide.me/. The license costs $35 for a single user or $175 for a team of up to 10 users.
Q: How can I join the beta program for GuideGuide?
A: You can join the beta program for GuideGuide by clicking on this link: https://guideguide.me/beta/. You will be able to test the new features of GuideGuide before they are released and provide feedback to improve them.
Q: How can I learn more about GuideGuide and its features?
A: You can learn more about GuideGuide and its features by visiting the documentation page: https://guideguide.me/documentation/. You will find detailed explanations and examples of how to use GuideGuide in your design workflow.
Q: How can I contact the developer of GuideGuide?
A: You can contact the developer of GuideGuide by visiting the support page: https://guideguide.me/support/. You will be able to submit a ticket or send an email with your questions or issues regarding GuideGuide.
Q: How can I follow GuideGuide on social media?
A: You can follow GuideGuide on social media by visiting these links:
Twitter
Facebook
Instagram
YouTube