Pixel To Prototype - Workshop on Frontend Design using Figma

GDG on Campus B. P. Poddar Institute of Management and Technology - Kolkata, India

Join us for an interactive workshop designed for beginners eager to explore UI/UX design with a primary focus on Figma. ...

Feb 22, 12:30 – 4:30 PM (UTC)

0 RSVP'd

Key Themes

Web

About this event

Join us for an interactive workshop designed for beginners eager to explore UI/UX design with a primary focus on Figma. This session will provide hands-on experience in using Figma for designing user interfaces, followed by an introduction to HTML and CSS to bring those designs to life.

Register at : https://unstop.com/workshops-webinars/pixel-to-prototype-workshop-on-frontend-design-using-figma-b-p-poddar-institute-of-management-and-tec-1394124

Date & Time:

22nd February 2025, 6 PM Onwards

Venue:

Online via Google Meet (a separate link will be shared with the participants)

Who Can Attend?

  • Individuals with little to no prior experience in UI/UX design or web development

  • Anyone interested in learning Figma as a design tool for UI/UX

Workshop Agenda:

  • Introduction to UI/UX Design

    • Understanding the fundamentals of User Interface (UI) and User Experience (UX)

    • Role of design in web development

  • Mastering Figma: Hands-On Training

    • Setting up a Figma account (Live walkthrough for new users)

    • Navigating the Figma interface and understanding its core tools

    • Creating designs using frames, shapes, and components

    • Designing a simple web page layout from scratch

  • Figma to Code: Implementing Designs in HTML & CSS

    • Translating Figma designs into structured HTML and CSS

    • Understanding how design decisions affect frontend development

  • Live Q&A and Interactive Quiz

    • Open session for participants to ask Figma-related and general UI/UX questions

    • Engaging quiz session to test knowledge

    • Special recognition for top performers

  • Figma Design Contest

    • Theme: To be revealed during the event

    • Time Limit: 30-45 minutes

    • Judging Criteria: Creativity, usability, and adherence to design principles

    • Prize for the Best Designer

Materials Needed

  • Laptop with internet connectivity

  • Pre-installed web browser (Google Chrome recommended)

Registration Details

  • Participants can register for the workshop through Unstop by providing the required details.

  • Limited seats available. Early registration is encouraged.

Additional Information

  • Certificates will be provided upon successful completion.

  • No prior experience is required.

  • The workshop is centered around Figma and its role in UI/UX design.

By the end of this session, participants will have a strong foundational understanding of UI/UX principles, hands-on experience with Figma, and basic frontend development skills to transform their designs into functional web pages.

This workshop is an excellent opportunity to gain practical experience with Figma and UI/UX design.

For any inquiries, feel free to reach out. We look forward to your participation.

Team : Protyoy Bhandary, Yash Kumar Singh, Bharati Mishra, Debopriya Mullick, Harsh Singh, Reezwan Hosen Khan, Saptarshi Ghosh, Shreya Jha

Organizers

  • Swastik Tripathi

    Organizer

  • Yash Kr. Singh

    Management Lead

  • Suryanshu Paul

    Tech Lead

  • Argha Mallick

    Cloud Lead

  • Protyoy Bhandary

    Design & Content Lead

  • SK SHAHIN REZA

    Marketing & Outreach Lead

Contact Us