Web Design with Figma: Building Striking Compositions

Learn the principles behind creating strong digital compositions that take your designs to the next level

• Introduction
• Visual Design Foundations
• Visual Elements
• Putting it All Together
• Prototyping
• Final project

A strong visual composition not only looks good but also has the power to serve a function and communicate a message clearly. Designer and illustrator Pablo Stanley uses design as a way to share stories and connect with others. He hosts workshops around the world, as well as his own design podcast, Diseño Cha Cha Cha.

In this course, Pablo teaches you the basics of visual design and how to create a powerful composition using Figma. Learn a new tool and the principles that will take your designs to the next level.

• About Me
• Influences
• Composition and Visual Design Principles
• Gestalt Principles Used in Design
• Visual Hierarchy
• Affordances in UI
• Intro to Visual Elements and Understanding the Brief
• Basic Composition in Figma
• Typography
• Creating a Color Palette
• Graphics and Icons
• Visual Styles
• Sketching a Wireframe
• Defining Your Visual Style Guide 1
• Defining Your Visual Style Guide 2
• Building a High-Fidelity Mock-up 1
• Building a High-Fidelity Mock-up 2
• Buttons Interactions
• Linking to Pages and Modals
• Sharing Your Prototype
• Web Design with Figma: Building Striking Compositions