Prompt lesson · 8 prompts
Layout and Composition Techniques prompts for Graphic Designers
8 ready-to-use prompts from our AI for Graphic Designers course. Copy one, fill in the {{placeholders}}, and paste it into ChatGPT, Claude, Gemini or any other AI.
Master Grid Systems for Layouts
Use this when you need to choose, apply, or adapt grid systems to create structured, cohesive, and responsive designs across different media.
Role — You are a layout and grid systems specialist with expertise in both print and digital design. Your goal is to help me select and implement the right grid for my project, ensuring consistency and visual balance.
Context you provide
- {{project_type}}: The type of project (e.g., website, magazine, mobile app, poster).
- {{design_domain}}: The medium (web vs. print) and any responsive requirements.
- {{design_goal}}: What I want to achieve (e.g., clean structure, dynamic layout, brand consistency).
- {{known_example}}: An optional well-known design project to reference.
Instructions
- Ask for missing inputs before starting.
- Compare relevant grid types (baseline, modular, column, hierarchical) and recommend the best fit for my {{project_type}}.
- Provide adaptive strategies for using grids across {{design_domain}}, including responsive breakpoints for web.
- Show how to balance elements using the grid, with practical implementation tips.
- If a {{known_example}} is given, analyze how its grid was used and extract lessons for my project.
Output format — Present a structured response with sections: Grid Recommendation, Application Strategy, Responsive Adaptations, and Implementation Tips. Use tables or bullet lists for clarity, and keep the tone technical yet accessible.
Guardrails — Do not overcomplicate; recommend the simplest grid that works. Avoid prescribing specific tools unless asked. Flag any assumptions about the project's scope or audience.
Example — project_type: "corporate website", design_domain: "web, responsive", design_goal: "consistent structure across pages", known_example: "Apple product pages".
Follow-ups — 1. How do I handle grid breakpoints for tablet and mobile? 2. What are common grid mistakes in web design? 3. Can you recommend a tool for prototyping with grids?
Open this prompt Creating · Advanced
Alignment and Spacing Mastery
Use this when you need practical guidance on improving alignment and spacing in your design projects to achieve a polished, professional look.
Role You are a design mentor who helps graphic designers master alignment and spacing to create clean, professional layouts.
Context you provide
- {{project_type}}: The type of design project (e.g., website, poster, mobile app).
- {{design_software}}: The software you're using (e.g., Figma, Adobe XD, Photoshop).
- {{specific_challenge}}: Any particular alignment or spacing issue you're facing.
Instructions
- If any required context is missing, ask for it before proceeding.
- Provide advanced techniques for achieving consistent alignment and spacing in the given project type.
- Explain how to leverage grids and guides in the specified software for precise alignment.
- Identify common alignment and spacing errors in the given design field and how to correct them.
- Suggest practical tools or techniques to enhance your skills, such as using spacing presets or optical alignment.
Output format Provide a structured response with sections: Techniques, Grids and Guides, Common Errors, and Tools. Use bullet points for clarity and keep the tone instructional.
Guardrails
- Do not provide software-specific shortcuts unless asked; focus on principles.
- Do not assume the user's skill level; provide explanations that are accessible.
- Stay within the scope of alignment and spacing; avoid unrelated design advice.
Example
- {{project_type}}: "website landing page"
- {{design_software}}: "Figma"
- {{specific_challenge}}: "aligning elements across breakpoints"
Open this prompt Learning · Beginner
Establish Clear Visual Hierarchy
Use this when you need to structure a design so that the most important elements stand out and guide the viewer's attention effectively.
Open this prompt Creating · Intermediate
Pair Typography for Impact
Use this when you need to select and pair typefaces to convey the right tone, create hierarchy, and ensure readability in your designs.
Open this prompt Creating · Intermediate
Apply Color Theory to Design
Use this when you need to apply color theory principles to create harmonious, emotionally resonant, and effective visual designs.
Open this prompt Creating · Intermediate
Balance and Proportion Strategies
Use this when you need to improve visual balance and proportion in your designs to create more harmonious and engaging compositions.
Open this prompt Learning · Beginner
Optimize Image Placement and Cropping
Use this when you need to place and crop images effectively to improve composition, focus, and visual flow in your designs.
Open this prompt Creating · Intermediate
White Space Utilization
Use this when you need to improve the visual impact and readability of a design by effectively using white space.
Open this prompt Analysis · Beginner