5 Online Figma UX and UI Courses to Design Your Website in 2023

Learn to quickly design and prototype visual appealing and easy-to-use websites and apps, with these Figma courses that will take you from beginner to pro

To stand out in an ocean of websites and apps, yours needs to offer a memorable experience. The first thing a visitor encounters is your UI, or user interface. Your design elements, like icons and colors, should be relevant to your product and eye-catching to your audience.

Then there’s the UX, or user experience. Is it pleasant to use? Can people navigate and find what they’re looking for?

Getting these steps right takes time and often many prototypes. That’s why these five UX/UI courses using Figma are packed with tutorials and tips from top experts. Learn how to plan and design meaningful websites (or even a new online portfolio) to put your stamp on the digital space.

What is Figma?

First, a quick primer. Figma is a cloud-based vector graphics editor and prototype tool. With it, you can create demo websites, apps, and other digital designs—all from the front-end. This means you won’t necessarily need coding skills to use it.

You can use it on the web or download the Figma app, and it’s set up for collaborative, remote work. Contributors can edit a wireframe together from all over the world in real-time, and receive notifications when updates are made. If that sounds like the tool for you, check out these courses that will take you from the basics to playful design to successful implementation.

1. Introduction to Figma, a course by Arturo Servín

Never used Figma before and want to learn from scratch? Web designer Arturo Servín, also known as Monky (@monkylab) is here to help. Arturo is currently the CEO of La Constelación, a studio focused on digital marketing, ecommerce, and web design, and has extensive experience in connecting brands with clients through the online space.

Arturo’s Figma Basics course is divided into six simple sections. You’ll learn about setup and the software’s interface, text and color, design elements such as grids, components, design systems, and finally get to building a prototype website.

2. Web Design with Figma: Building Striking Compositions, a course by Pablo Stanley

Now, it’s time to turn your mind to having fun with design. A strong visual composition combines eye-catching visuals with powerful functionality, so your message is always at the forefront. Designer and illustrator Pablo Stanley (@pablostanley) uses design as a way to share stories and connect with others with his signature playful style. He hosts workshops around the world, as well as his own design podcast, Diseño Cha Cha Cha.

In this course, Pablo explores how to create a powerful composition using Figma. You’ll get comfortable sketching concepts, answering a brief, making a visual style guide, and building a high-fidelity mockup of a landing page using Figma. Finally, Pablo shares how to animate some components for a fun boost, and how to start sharing your prototype with the world.

3. App Design: Prototyping for Beginners, a course by Filippos Protogeridis

For mobile sites and apps, you want to create amazing and fluid experiences that fit in the palms of your audience’s hands. Filippos Protogeridis (@protogeridis) is a Greek product designer who loves the flexibility of Figma. With over ten years of experience, his clients range across multiple industries, including Toms, Yatzer, Transifex, Microsoft, and Foscarini.

So, with this course it’s time to get confident with fast prototyping for mobile products. You’ll learn the ins and outs of Figma, craft a functional prototype, and test your idea with the user research platform, Maze. Preparing key screens and flows ready to present to a client or stakeholder makes this course a great choice for freelance designers and developers.

4. Design, Development, and Launch of a Website, a course by Javier Usobiaga Ferrer

If you already have some experience with HTML and CSS, and want to take your skills to the next level, Javier Usobiaga’s (@htmlboy) course is the right choice. Javier is a web designer and co-founder of Swwweet studio, specialized in designing responsive sites from ideation to front-end development.

In this course, you’ll discover the aspects involved in creating a website in a more advanced way. Using Figma for front-end design planning of your UX flows, you’ll also learn about generating front-end code, repositories, other services needed to launch and manage your site, plus Javascript functions used to add interactive elements.

5. Portfolio Design with Figma: Self-Promotion for Creatives, a course by Andrea Jelíc

Finally, whether your portfolio is made up of web designs, or any creative work, you’ll want to present it effectively to grow your career. Creating an online portfolio that supports your social media presence is essential. Digital designer Andrea Jelić (@andrea1jelic) specializes in branding, web presentation, and mobile web design. Throughout her career, she’s collaborated with Pitch, Canva, and more.

In this course, Andrea teaches you the creative process behind self-promoting with a digital portfolio, and how to make yourself visible on social media. Work from a moodboard to build a visual language for your site’s UI, and consider how it will connect with other platforms. Then, create your design in Figma and get it ready for export.

Figma is a fast-growing and popular tool that many designers now consider an essential part of their toolkit. To continue exploring this software, check out our full range of Figma courses. Or, expand your knowledge with the resources below.

Build your dream website with more Figma and graphic design tools…

1. Still unsure about the software? This in-depth explainer on Figma will show you the ropes.

2. Speed up your Figma process with these 110 essential keyboard shortcuts.

3. Broaden your knowledge of design elements with these ten online graphic design courses for beginners.

4. Download free UI icon designs with five useful archive websites.