Live UI Design Bootcamps

You'll connect with fellow UI Design classmates and engage in preparatory work using Figma. This groundwork ensures you're fully equipped to excel in Bootcamp right from day one.

✧ Read a range of UI Design books

✧ Finish your UI Design tasks in Figma

In the initial week, you'll master the art of balancing your workflow as a UI Designer using both Figjam and Figma. The module begins with setting up an effective workflow, followed by learning the intricacies of competitor benchmarking to glean insights from existing UI patterns.

✧ Learn how to organise Layers, pages and projects in Figma

✧ Understand the Figma interface and how to work effectively

In the second week, delve into crafting the foundation for your interface. This session guides you in creating an accessible color palette, text styles, and grid systems, ensuring your UI has robust and scalable foundations.

✧ Understand how to design in Figma

✧ Create text styles and understand how we use pixels and rems

✧ Learn about the various grid systems and breakpoints across devices

In the third week, explore the use of Auto Layout to design form components. This session offers hands-on experience in crafting text fields, text areas, radio buttons, and checkboxes as component sets. Mastering the creation of these elements with auto layout is crucial for designing effective forms in any product.

✧ Understant how to use auto layout in Figma

✧ Learn how to user components with component props

✧ Create a range of form component sets using auto layout and micro animations

In the fourth week of our UI Design Bootcamp, you'll delve into creating auto-layout action components and navigation components. This module introduces you to nested components, providing insights into scaling your design seamlessly across various devices.

✧ Understand how to create auto layout action components in Figma

✧ Learn how to nested components using auto layout and micro animation

✧ Learn how to scale components across devices

As you resume Bootcamp, you'll immediately transition to converting your components into dark mode and ensuring full responsiveness in Figma. By this point, your proficiency in using Auto Layout to craft components should be solid, and this step serves as the final enhancement to your component sets.

✧ Understand the importance of responsive design

✧ Learn how you create responsive design in Figma

✧ Create a Multiple responsive components for your projects

✧ create components for dark mode

As we gain confidence in crafting component sets and navigating responsive design, you'll delve into mastering component properties for your components. Properties lie at the core of each component set, and developing proficiency in grouping them is crucial.

✧ Learn the range of component properties we can set

During one of our UI Design Bootcamp weeks, you'll explore animations in Figma. In each component module, you'll discover how to create interactive components, forming the foundation for prototyping. This class will cover prototyping techniques, enabling you to connect screens and animate overlays effectively.

✧ Build confidence in using interactive components

✧ Understand about the various prototyping triggers we can set

✧ Learn about the Smart animation we can use in Figma

In our concluding class, you'll master the art of confidently handing over your designs to developers. Learn how to conduct effective feedback and design crit sessions with your team. As you complete your case study, seize the opportunity to showcase your work at our graduation ceremony."

✧ Learn how to handoff your designs to dev

We maintain small class sizes, typically capped at around 15 students. This deliberate choice ensures a more personalized and effective learning environment, allowing our students to receive individualized attention and support.

Our community consists of a diverse blend of individuals, including experienced designers transitioning to remote work, junior designers eager to adopt the latest workflows, and career changers exploring new paths. This diverse mix enriches the learning experience, as experienced professionals readily lend support to juniors. Our aim is to foster a constructive feedback loop for all participants, and we welcome individuals with or without prior UX/UI experience.

Yes, session recordings are promptly shared within 24 hours in your dedicated Classroom space, providing you with convenient access to review and reinforce your learning at your own pace.

Our Bootcamps stand apart from conventional online courses, offering a dynamic and immersive learning experience. In contrast to typical online courses, which often present over 60 hours of content behind a paywall with an average completion rate of approximately 15.5%, our live sessions provide interactive and engaging learning opportunities that enhance participation and knowledge retention.

With a commendable 98% completion rate among our students, we stand out in ensuring your successful learning journey. Say goodbye to self-teaching through isolated videos and embrace an engaging live classroom experience.

Absolutely! Whether you're starting from scratch or have an existing portfolio, you'll craft or enhance it with two comprehensive case studies developed during class. Utilizing a guided framework provided by your instructor, you'll dedicate your term break to designing and building engaging content for your portfolio, ensuring it reflects your evolving skills and creativity.

At DesignTopia, you'll tackle two case studies, collaborating with a classmate to master the art of remote teamwork in design.