Workshop : Figma Blueprint Bash(Wireframe Workshop)

#IEEE #CS #ESPRIT #SBC #art #graphics #prototypes #Figma #workshop

This workshop, led by Farah Lakhal, introduced participants to Figma, covering essential design concepts such as frames, layouts, and the difference between raster and vector graphics. Attendees explored blending modes, the pen tool, variants, variables, and auto layout. The session also highlighted useful plugins, the Figma Community, and free component resources. Participants practiced creating buttons with different states, built interactive prototypes, and learned to apply custom behaviors for dynamic UI designs.

• Add Event to Calendar
  iCal
  Google Calendar

• ESPRIT
• Ariana, Ariana
• Tunisia 2083
• Building: Bloc M
• Room Number: 002
• Click here for Map

---

• Contact Event Host

• Chair :  Yasmine Temimi

  e-mail address : yasminetemimi@ieee.org

  Secretary : Yassine Hammami

  e-mail address : yassine.hammami@ieee.org

• Link to External Registration

• Introduction

  • Speaker presentation

  • Overview of workshop goals

• Getting Started with Figma

  • Frames and layouts

  • Raster vs vector concepts

• Design Fundamentals

  • Blending modes: fill and stroke

  • Pen tool basics and practical use

• Building Components

  • Variants and variables

  • Auto layout for responsive design

• Exploring Resources

  • Free component websites

  • Figma Community & plugins

• Creating Interactive Elements

  • Designing buttons (primary, secondary, etc.)

  • Using states and custom behaviors

• Prototyping

  • Connecting frames and adding interactions

  • Building a complete user flow

• Q&A and Closing

  • Final tips on design workflow and Figma usage