Figma Introduction 1 Day - Online
Key Course Details:
Level:
Introduction
Duration:
1
Day - 10am to 5pm
Price:
£245 + vat
Learn the fundamentals of Figma as we guide you through this comprehensive introduction to the leading prototype-design tool. We will show you how to prototype and wireframes for designing websites, apps and games. This is the perfect starting point for anyone interested getting going in UX design.
After we give you a complete tour of the Figma environment, we will take you from a creating assets to being able to work on your own designs your and layouts. You will see how easy it is to design great looking prototypes from scratch, add interactivity and the flexible options for sharing and exporting your projects.
Learn the fundamentals of Figma as we guide you through this comprehensive introduction to the leading prototype-design tool. We will show you how to prototype and wireframes for ...designing websites, apps and games. This is the perfect starting point for anyone interested getting going in UX design.
After we give you a complete tour of the Figma environment, we will take you from a creating assets to being able to work on your own designs your and layouts. You will see how easy it is to design great looking prototypes from scratch, add interactivity and the flexible options for sharing and exporting your projects. Read more
-
Figma Introduction 1 Day
Course Details
This 1-day Introduction course helps you learn about the tools and features available in Figma, a leading interface design tool. We will guide you through the essentials of working in Figma, showing you how this powerful tool can elevate your design workflow. You'll explore best practices for creating responsive layouts, managing components, and collaborating in real-time. Plus, you'll gain hands-on experience by working on your own design projects.
Upon successful completion of this course, you will be able to:
- Navigate the Figma interface
- Create and manage design components
- Design responsive layouts
- Add interactivity and animations to your designs
- Collaborate in real-time with team members
- Share your designs for feedback
- Export assets and prototypes
Our goal is for you to be able to create professional-quality designs for websites, apps, and digital products using Figma..
Course Target Audience and delegate prerequisites:
This course is intended for designers and developers who are new to Figma and who want to learn the interface and commonly used features.
You will need basic PC or Mac skills, including a solid understanding of a computer's operating system (Windows or Mac OS). You will also need to know how to launch a program, create and save files, and copy files from CDs and other media. -
Full Course Outline
The following is a general outline. The range of topics covered during your training is dependent upon student level, time available and preferences of your course booking.
Introduction to Figma- Understanding the Figma interface: Panels, tools, and navigation
- Overview of UX and UI design principles
- Differences between Figma and other design tools like Sketch, Adobe XD
- Creating your first Figma project: Setting up a workspace
- Understanding Figma’s cloud-based design environment
- Exploring Figma’s community resources: Templates and plugins
- Creating and organising frames: Artboards and canvases in Figma
- Setting up layout grids for responsive design: Columns, gutters, and rows
- Using Auto Layout for dynamic, responsive designs
- Nesting frames and managing frame hierarchies
- Applying constraints to ensure design adaptability across devices
- Understanding pixel density and working with multiple resolutions
- Creating reusable components: Buttons, menus, and design elements
- Nesting and managing component instances effectively
- Using variants for flexible, multi-state components
- Creating component libraries for team-wide use
- Syncing and updating components across your project
- Best practices for organising and naming components
- Linking screens to create interactive, clickable prototypes
- Adding transitions, overlays, and animations for enhanced interactions
- Using smart animate to create smooth animations between states
- Testing prototypes on different devices and viewports
- Creating and managing multiple prototype flows
- Using interactive components to simulate user interactions
Collaborating in Figma- Real-time collaboration: Working simultaneously with team members
- Using Figma’s commenting and feedback tools for streamlined reviews
- Managing versions and design history: Reverting and branching designs
- Setting permissions and sharing designs with stakeholders
- Tips for effective team collaboration in Figma’s cloud environment
- Importing and managing images: PNG, JPEG, SVG, and more
- Working with vector graphics from Illustrator and other tools
- Masking techniques: Creating custom shapes and clipping masks
- Utilising Figma’s image editing tools: Cropping, scaling, and filtering
- Using images and assets from Figma’s built-in resources
- Organising and managing assets for easy access and reuse
- Exporting assets for web, mobile, and development handoff
- Understanding export formats: PNG, SVG, PDF, and more
- Preparing design specifications for developers: Using Figma’s Inspect tool
- Using Figma’s sharing options: Public, private, and team-based sharing
- Creating presentation-ready files and exporting design boards
- Presenting designs to stakeholders: Tips for effective communication
-
Location Details
This course is provided as a remote online course with live training provided by our Figma Trainer.
Accessing the live online course anywhere is easy and all you will need is:
- Computer with the trial or full version of the software
- Separate screen or device for the shared video display
- Sound output via computer or headset
- Ideally a camera and microphone on the computer for remote contact
Our goal is for you to be able to create simple but professional documents that are ready to use for the web and for print.
It is important to note this is not a classroom based training.
-
Figma Introduction 1 Day - Upcoming Online Course Dates
22 Jul - 22 Jul Special Offer! £195 + vat 24 Sep - 24 Sep £245 + vat 10 Nov - 10 Nov £245 + vat 12 Nov - 12 Nov £245 + vat -
Client Reviews
"I had no knowledge of InDesign prior to this training, now I feel like I can use it with confidence. The course has equipped me with new skills and knowledge that has made me genuinely excited to get back to work and use this software."
Sam Wright, Industrial Tomography Systems, InDesign Introduction - 2 Days
"Very Informative and useful. Great insight into Photoshop and its commercial uses at work. Excellent location and trainer."
Shane O’Byrne, MEC Global, Photoshop - 2 Day Introduction
"A very informative course, the content is topical and well researched. The instructor was extremely knowledgeable and helpful."
Peter Dixon, Dixon Design, Bespoke Muse Introduction - 2 Days
"Was a great course and the trainer was very knowledgeable. Provided a great insight to the wonders of InDesign. Am really looking forward to practicing all I have learnt."
Neil Roberts, Thomas Telford, InDesign - 2 Day Introduction
"Excellent course content and structured in such a way that it is easy to understand for the beginner. Thank you for the excellent course."
Tami Penswick, Yahoo, HTML & CSS - 2 Day Introduction
"Very good experience, will recommend to contacts. Learnt so much in a easy way, great value. Was not sure what to expect but can safely say it has been a brilliant process and the tutor was fantastic."
Alun Edwards, Studio Output, Maxon Cinema 4D - 2 Day Introduction
"The course was on a one to one basis which was brilliant because it allowed me to follow my own path through it. The tutor was extremely helpful and had an excellent knowledge of the topic. Based on my experience today I would certainly consider using XChange Training again."
Nick Mills, Landmark Information, Captivate - Bespoke 1 Day
"The trainer was extremely helpful and structured the course around our needs, what is more, he quickly saw what level I was at and pitched accordingly. Excellent."
Carole Lowe, Genius Gluten Free, Adobe LiveCycle - 2 Day Designer Introduction
"Really interesting and stimulating stuff, clearly taught and explained."
David Parish, STI Line, Maxon Cinema 4D - 2 Day Introduction
"Excellent course. I have a better understanding of WordPress and feel confident to make greater use of it by improving the website my company currently has. I only booked a one day course but will certainly consider booking the second day at a later stage."
Angela Russell, Decision Lab, WordPress - 1 Day Introduction