iDesignCourse

Figma for UX Design Information Figma for UX Design is a comprehensive course designed to help individuals effectively utilize Figma for review, collaboration, and interaction design purposes. Do you use Figma for review and collaboration, use it for interaction design, or just need a quick introduction to this tool? In this course, instructor Eric Nordquist steps through creating projects in Figma, then shows you how to use prototyping, collaborate with other designers, and export your files. Eric begins by introducing you to Figma, explaining the differences between the online and desktop versions, as well as how to design a file. Then he covers all the main steps in creating a project, such as creating the hero section, applying Auto Layout, using masks, and more. Eric explains prototyping and how to use interactions and Smart Animate. After going over how to use Figma to work with other designers, he finishes up with useful tips on how to export your files. What You’ll ...

UI Design Android Apps in Figma Information UI Design Android Apps in Figma course aims to equip learners with the skills and techniques necessary to design user interfaces for Android applications using Figma, a popular design tool. Design Android application UIs from scratch using various tricks and techniques in Figma What You’ll Learn in UI Design Android Apps in Figma 1. Gaming App for Android Part 1 - Screen 1 Learn how to design a gaming app for Android using flat UI 2. Gaming App for Android Part 2 - Screen 2 Learn how to design a gaming app for Android using flat UI 3. Gaming App for Android Part 3 - App Bar and Side Menu Learn how to design a gaming app for Android using flat UI 4. Travel App for Android Part 1 - Search Bar Learn how to create the top app bar and search bar 5. Travel App for Android Part 2 - Bottom App Bar Learn how to create the image list with text protection, supporting text, and bottom app bar 6. Travel App for Android Part...

UI Design Quick Websites in Figma Information UI Design Quick Websites in Figma is a course that focuses on teaching participants how to design a portfolio website user interface (UI) from the ground up using the Figma design tool. Learn how to design a portfolio web UI from scratch in Figma What You’ll Learn in UI Design Quick Websites in Figma 1. Portfolio Web Design Part 1 - Homepage Create the homepage for a portfolio design 2. Portfolio Web Design Part 2 - Profile Create the profile section for a portfolio design 3. Portfolio Web Design Part 3 - Contact Create the contact section and the footer for your web design More courses from the same author: Sourasith Phomhome Salepage: UI Design Quick Websites in Figma – Sourasith Phomhome https://www.idesigncourse.com/ui-design-quick-websites-in-figma-sourasith-phomhome/?feed_id=7084&_unique_id=65d95b3018bd7&iDesign%20Course

Web App Design using Midjourney and Figma Information Web App Design using Midjourney and Figma is a comprehensive course that aims to teach beginners about UI design for web and desktop applications using Figma, while drawing inspiration from Midjourney. Get UI inspirations from Midjourney and learn UI design, colors, typography as a beginner in Figma What You’ll Learn in Web App Design using Midjourney and Figma 1. UI Design for Web and Desktop Learn UI design for web and desktop apps covering patterns, colors, typography, components, auto layout, design system and Midjourney 2. UI Patterns and Wireframing A guide on UI patterns, wireframing, and iOS design guidelines for creating web app designs using Figma 3. Colors and Gradients Learn about using colors including the color wheel, neutral tones, gradients and the Stark plugin to verify contrast ratios 4. Fonts and Text Styles Learn about the importance of typography in app design and how to create buttons ...

Learn Figma Prototyping Information Learn Figma Prototyping is a course designed to help individuals master interaction design using Figma's prototyping features. Master interaction design with Figma Prototyping. Create an animated app experience using after delay, scrolling content, video prototype What You’ll Learn in Learn Figma Prototyping 1. Introduction to Prototyping Mastering interaction design with Figma prototyping and create dynamic dating app experiences 2. After Delay Animation The easiest way to animate anything on the web using simple after delay interaction in Figma 3. Animated Button Prototype Learn how to create a dynamic interactive button 4. Tab Bar Animation Learn how to create and animate a floating tab bar 5. Scrolling Content and Sticky Elements Add vertical and horizontal scrolling on your Figma Prototype 6. Video Prototype Apply a video as a fill using any vector network on your prototype 7. Drag Gestures Learn how to ...

UI Design a Camera App in Figma Information UI Design a Camera App in Figma is a comprehensive course focused on creating a dark, vibrant, and curvy app design using the Figma design tool. Design a dark, vibrant and curvy app design from scratch in Figma. Design glass icons, lens strokes and realistic buttons. What You’ll Learn in UI Design a Camera App in Figma 1. Onboarding Screen Design an onboarding screen for a camera photo editing app 2. Homepage Screen Design a homepage using curved layout for a camera photo editing app 3. Mode Photo / Portrait Design a mode photo and portrait screen for a camera photo editing app 4. Brightness, Crop and Rotate Design the Brightness / Crop and Rotate feature for a camera photo editing app 5. Edit and Filters Design an edit and filter screen for a camera photo editing app More courses from the same author: Sourasith Phomhome Salepage: UI Design a Camera App in Figma – Sourasith Phomhome https://www.idesigncour...

How to embrace contemporary trends and create award winning experiences Information How to embrace contemporary trends and create award winning experiences is a course designed to help digital designers navigate the rapidly evolving digital landscape and create projects that stand out and potentially win awards. Contemporary trends can be a good servant but a bad master. Learn how to navigate through the ever-changing digital ecosystem and find out what to do when you plan to win some of those digital awards. Requirements Beginner or Moderate knowledge of Adobe Suite and Figma Description The role of Digital Designer is dramatically progressing every day and placing new demands. Learn how to be a “wholesome” Designer and all-in-one person, how to be your own curator and eventually get some positive recognition. Get involved with various creative techniques such as illustration, photography, custom typography or video. We will dismantle my award-winning projects and basi...

Art Direction secrets to create unique web experiences Information Art Direction Secrets to Create Unique Web Experiences is a course designed to teach students how to craft compelling and award-winning digital experiences for websites. Concept Exploration is key to every creative process, making beautiful interactive websites needs attention to detail, have a sense of motion, and bring some spice to it. An award-winning website has to break barriers, give the user a feeling, texture, emotion. Requirements Basic Figma Knowledge. Basic After Effects knowledge. A will to learn and become one of the best. Description I’ll take you through the whole process of creating amazing digital experiences, from setting art & creative direction, tools and techniques I use to create my designs and give the project the right feel while sharing the secrets I learned during my career. At the end of this class, you will be able to gather more information from the initial briefing, hav...

Master Figma from 0 to 100 Information Master Figma from 0 to 100 is an online course designed to take participants from beginner to advanced levels in using Figma, a popular tool for UI/UX design, prototyping, and collaboration. From beginner to pro: Master all aspects of Figma - interface setup, plugin usage, text and shape design, prototyping, and collaborating with developers. Discover the boundless potential of Figma with Mirko Santangelo in this online course. Dive into the world of UI design, prototyping, and collaboration, all while harnessing the power of Figma. In this creative journey, Mirko, a renowned designer and creative director at Paper Tiger agency, introduces you to the heart of Figma, the essential UI tool for digital design. Starting from scratch, you'll embark on a comprehensive exploration of Figma's features, guided by Mirko's expertise. Unravel the intricate threads of UI design as you progress through ten immersive courses. Mirko's ...

Building Better User Experiences with a Product Thinking Approach Information Building Better User Experiences with a Product Thinking Approach by Olha Uzhykova aims to help individuals enhance their approach to UI/UX design and project ideation. If you find yourself coming up empty when searching for ideas for a new project, or even generate millions of different ideas but don’t know which one to choose - you aren’t alone. Don’t spend hours looking for inspiration - all you need is a good approach and the right questions - This is where product thinking can help! Requirements Basic knowledge of UI/UX design. Description In this course, we will examine the common pitfalls of ideation and unlock the secrets of product thinking to find and apply solutions. Product thinking can help you create better designs for any project, from simple landing pages to layered platforms. It also provides additional arguments to advocate for design decisions and win approval from clients by...

Web Design with Figma Information Learn the principles behind creating strong digital compositions that take your designs to the next level 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. Begin by getting to know Pablo, artist, illustrator, and your teacher for this course. He talks you through his journey to becoming a designer, along with the people who have influenced his creative journey, from comic writers to movie directors. Explore the visual design principles needed to create powerful compositions inclu...

Create a Design System from scratch in Figma Information Design Systems are becoming so popular because they make products more consistent, improve their usability, and reduce the design decision making. That’s great! But do you know how to build one? In this course you will learn what a Design System is and why matters, but most importantly, you will learn to create one from scratch in Figma. In this course you will see how to set up all the needed design tokens, for instance how to define proper grids, layouts and spacing, manage icons and illustrations, choose and create color and typographic scales, and finally how to create the most-used components like buttons, inputs, text areas, checkboxes, radio buttons… We will see, as well, how to name components correctly using naming conventions to get you started. Finally, we will see how to use the Design System and how to apply it to your projects or even your company. At the end of this course you will be able to create your o...

Creative Portfolios: A powerful visual language for brands Information Structure unique portfolios through a driven-process approach, by turning visual arts into design. Learn how to design a clean, elegant and unique expression of your brand that would turn heads and melt faces. Requirements There are no pre-requisites or requirements for this course. Description A portfolio design is a self-reflection of who you are. Creating new versions of your own website — or clients ones, is always an introspective and challenging process. Create the logic and the goals before dives into a design process, by asking the right questions and look beyond the design industry to pushing out the boundaries and turn digital experiences into leads. The course takes a driven-process approach, guiding participants through the steps of designing a portfolio that reflects their brand identity. It emphasizes the importance of turning visual arts into design and explores how to create a clean, e...

UI Design & Figma Mastery Information Become a Pro UI Designer by Mastering Figma Unlock your full potential in UI design with our UI design and Figma mastery course. Learn industry-leading techniques, design real-world projects from scratch, and create captivating user experiences. Here’s what you’ll learn Module 01: Learn the Design Fundamentals Mastering the fundamentals is the cornerstone of any successful UI/UX designer. In this module, we focus on equipping you with the essential knowledge and skills that form the building blocks of exceptional design. Module 02: Figma Academy In the Figma Academy module, we take you on a step-by-step journey through the various aspects of Figma, ensuring you become proficient in utilizing its full potential. From the basics of navigating the interface to advanced techniques for creating complex design systems and interactive prototypes, this module covers it all. Module 03: UI Elements: The Building Blocks of Exceptional ...

Creative practices: from idea to final layout using Figma Information Do you follow many designers and agencies and want to create the sites like them? Not bad habit, I do this too. But now is the perfect time to become one of them! Let's take yourself to the next level in design. What is my course about? Creative practices. You will learn how to get away from grey and identical sites to unique solutions that suit your clients. In this course we will talk about: working with client wishes, mood boarding, searching for references, analyzing how to make a creative concept, principles in typography principles. Going through all stages to create a memorable website: from early idea to great layout. I will give you some creative tips and hacks. What will you have in the end of the course? Going through all stages described above together, we will create the main page/screen, using Figma. Here’s what you’ll learn How to create something really new How to implement...

Figma UI UX Design Advanced Information Become a Figma Pro with our in-depth Advanced Figma tutorial course. Discover advanced design strategies & so much more! Hi there, aspiring Figma enthusiasts! Are you ready to embark on an exhilarating journey with me, Dan Scott, as we unlock the full potential of our Figma skills in the dazzling realm of UX/UI Design using Figma Advanced? This course is tailor-made for those who have already mastered the fundamental principles of UI/UX Design using Figma. If you've triumphed over my Figma Essentials course or have a sneaking suspicion that there's a treasure trove of unexplored tools, tips, workflows, and updates awaiting your discovery, then look no further! This course is your golden ticket to taking your UI/UX prowess to the next level. Together, we'll start by delving into the depths of multilevel nested autolayouts, and unravel the secrets used by UX professionals by learning: Workflow techniques, managin...

Designing with Figma Information Hey everyone. I’m Adi Purdila, and I am a web designer from Romania. I’ve been working in this field for over a decade now and in this class, I’ll share my insights, personal workflow, and best practices for designing a landing page starting from a project brief and a set of wireframes. By taking this class you’ll get as close as you can to a real-life project. We’ll start with a project brief from a fictional client, asking us to design a landing page for a fictional product. Based on that and a provided wireframe we’ll start the design process, step by step. Now, this class is fantastic for beginners because we’ll take things slowly and I’ll try to explain everything I’m doing every step of the process. I’ll show you time-saving keyboard shortcuts and techniques for working in Figma and also tips and tricks for working as efficiently as possible. If you want to kickstart your freelancing career and create websites, this is a great place t...

Social Media Branding Kit | PSD | Figma Information Boost your productivity and show-off your design work with eye-catching Social Media branding mockups. With these Photoshop and Figma files kit you'll save tons of time while batch-creating multiple visuals at once. The biggest social media pack available containing 43 realistic mockups and 34 social media UI templates. Branding presentations with dynamic prototypes The kit comes with ready-to-use Mobile, Desktop, and TV Figma prototypes. With these, you'll share and present your design work in a distinctive way. Your clients and peers will feel your campaigns are top-notch and ready to launch. Add your designs in one place. Update the templates all together. Do you remember last time a client asked a change that reflected in the entire project? Don't worry about it anymore. With this kit you'll update the design in one place and it will reflect in all other places without effort. The Photoshop version ...

Online portfolio design: Creating Figma websites Information Enhance your online presence and career opportunities by creating an online portfolio website with Figma. Discover the secrets of building an authentic and visually stunning design portfolio in this online course. Dive into the world of personal branding and learn how to find your own distinctive voice as a designer. Led by Lu Yu, a renowned product and brand designer, this course will equip you with the tools and strategies to create a portfolio that truly expresses your identity and values. In this inspiring journey, you'll explore the importance of personal branding and how to establish a strong brand that resonates with your target audience. Through practical exercises and insightful guidance, you'll develop a deep understanding of design fundamentals and learn to apply them effectively. Yu will guide you through the process of setting up a mood board, creating wireframes, and transforming them into high-...

UnStyled Headless Figma UI Kit Information UnStyled is a Design System boilerplate built by Mr. Biscuit in collaboration with Into Design Systems that prioritizes component composition and design token usage at its core, providing an efficient means of establishing a robust and future-proof design library. UnStyled is providing endless possibilities to style & create components. Don't waste any more time to manually create components! The power of UnStyled: Fully powered by Tokens Studio (Figma Tokens) Auto Text Color Mutable Slots Position Offset System Repeat Grid Custom build Figma Plugins About Author The Future of Design Systems is the biggest virtual and interactive Design Systems conference worldwide. Our speakers are Design Systems experts & pioneers all of them provide practical & hands-on future-proofed content. This event is organized by the Design Systems community for the community. More courses from the ...