Graphic Designing with Figma – Master Modern UI/UX & Digital Design
The Graphic Designing with Figma course at Computer Park is a comprehensive, hands-on training program designed for beginners and aspiring designers who want to master modern digital design skills. Figma has quickly become the industry’s leading tool for UI/UX design, prototyping, and real-time collaboration—making it essential for anyone looking to build a career in web design, app design, or product development. This course empowers students with the practical knowledge and creative confidence needed to bring digital concepts to life.
Throughout the program, students will learn the complete workflow of designing stunning user interfaces—from brainstorming and wireframing to creating high-fidelity prototypes and interactive experiences. The course begins with a strong foundation in design principles such as color theory, typography, layout structure, spacing, and visual hierarchy. Students then move on to mastering Figma’s workspace, tools, panels, layers, components, and design libraries. With extensive hands-on exercises, they will learn how to organize their design projects using grids, auto-layouts, constraints, and reusable components.
A major highlight of this course is its real-world focus. Students will work on practical UI/UX tasks such as creating app screens, website layouts, dashboards, icons, social media creatives, and complete design systems. They will also gain experience in building responsive designs and interactive prototypes that simulate real user flows. Collaborative features of Figma—such as shared projects, commenting, real-time editing, and team libraries—are also thoroughly covered to prepare students for professional environments.
By the end of the course, learners will be able to produce polished UI/UX designs, create visually engaging graphics, and develop complete prototypes suitable for presentation to clients or employers. Whether you aim to become a UI/UX Designer, Product Designer, Web/App Designer, or Freelance Digital Creator, this course provides the skills and portfolio pieces you need to stand out.
Join Computer Park and begin your journey into the world of modern digital design with Figma—where creativity meets cutting-edge technology.
Course Duration: 8 weeks (2 months)
Course Level: Beginner to Intermediate
📌 Month 1: Figma Essentials & UI Design Foundations
Week 1: Introduction to Figma & Design Basics
--- Introduction to UI/UX and modern digital design
--- Importance of Figma in web & app designing
--- Figma Interface: toolbar, panels, frames, layers
--- Basic tools: shapes, text, pen tool, color picker
--- Importing images, fonts, icons & plugins
--- Understanding design principles:
-- Color theory
-- Typography
-- Spacing & alignment
-- Visual hierarchy
--- Assignment: Create a simple landing page layout
Week 2: Working with Frames, Grids & Auto Layout
--- Frames vs Groups & when to use them
--- Using Layout Grids for responsive design
--- Constraints & Adaptive Layouts
--- Auto Layout basics and advanced uses
--- Creating reusable buttons & UI elements
--- Component properties: text, icon & layout variants
--- Assignment: Design a responsive header + navigation bar
Week 3: Components, Variants & Design Systems
--- Creating components and nested components
--- Creating variants (Button states, Inputs, Cards, etc.)
--- Material Design & Apple Human Interface guidelines
--- Building a Mini Design System:
-- Colors
-- Typography
-- Spacing
-- Buttons & Inputs
-- Icons
--- Using shared libraries & team assets
--- Assignment: Create your own Design System starter kit
Week 4: UI Design for Web & Mobile
--- Mobile app vs Web UI differences
--- Designing mobile screens, home screens, and menus
--- Grid systems for web layouts
--- Working with icons, illustrations & style consistency
--- Creating dashboards & modern card-based layouts
--- Assignment: Create a 3-screen mobile app concept
📌 Month 2: Advanced Figma, Prototyping & Real-World Projects
Week 5: Interactive Prototyping & User Flows
--- Creating interactive prototypes
--- Adding transitions, gestures & animations
--- Smart Animate & micro-interactions
--- Creating user flows & connecting screens
--- Previewing and sharing prototypes
--- Assignment: Build an interactive mobile prototype
Week 6: Collaboration, Plugins & Productivity Tools
--- Real-time collaboration features
--- Commenting, sharing & developer handoff
--- Figma plugins for productivity:
--- Unsplash, Iconify, Autoflow, Mockup, Wireframe, Content Reel
--- Using FigJam for brainstorming & mapping
--- Version control & file organization
--- Assignment: Collaborative redesign of a sample app/webpage
Week 7: Advanced UI/UX Techniques & Trends
--- Neumorphism, Glassmorphism & Minimalistic designs
--- Material You, gradients, modern aesthetic trends
--- Accessibility in UI design
--- Responsive design for multiple screen types
--- Wireframes → Hi-fidelity transitions
--- Exporting assets for web & mobile
--- Assignment: Create a modern web home page using latest design trends
Week 8: Final Portfolio Project
--- Full UI/UX project execution:
-- Research
-- Wireframing
-- UI Design
-- Interactive Prototype
--- Design System
--- Students choose one project:
-- Mobile app UI (Food delivery, E-commerce, Fitness, Finance)
-- Website UI (Agency, Portfolio, LMS, Startup)
--- Final Presentation to Instructor
--- Portfolio submission & review
--- Tips for freelancing & job interviews in UI/UX
✨ Deliverables at the End of the Course
--- 1 Complete Design System
--- 2 Mobile App UI Projects
--- 1 Modern Website UI Project
--- 1 Fully Interactive Prototype
--- Professional Figma Portfolio ready for clients/interviews