Workshop: Figma (Intermediate) pt 2

[juliagab56]

Overview

• This is a workshop conducted during the weekly UI/UX Community of Practice meeting.
• The workshop's goal is to provide hands-on experience with some Figma concepts, allowing volunteers to practice and gain proficiency

Action Items

• [x] Identify and structure intermediate Figma concepts
  1. Components
     • Instances
     • Variants
     • Styles
  2. Prototyping
     • Variables
  3. Micro interactions
• [x] Create templates and interactive workshop on Figma
  • [x] One frame for each concept, contains:
    • [x] Instructions for volunteers to learn about concept
    • [x] A section for volunteers to practice concept
• [x] Create instructions for workshop
  • Listen to the explanation of the Figma concept without disrupting, try not to move your cursor during explanations, please don't delete or change any templates on the canvas.
  • Take the time given to practice the concept in the playground area.
  • Ask questions by raising your hand, typing in the chat, or unmuting yourself.
  • If you have any tips, or better ways of doing something, we'd love it if you shared it with us.
• [x] Create Slack announcement for Workshop
• [x] Share link to the Figma workspace and instructions, with the community during the workshop
• [x] Note any additional resources shared during the workshop, in this issue. Encourage community members to do the same.
• [x] Post WS Slack message wth extra resources and recording
• [x] Update resources in the Google Drive, if required
• [x] Update Wiki
• [x] Share screenshot of collaborative Figma workspace in comments, if applicable
• [x] Collate all assets and put under Resources
• [x] Share Resources with the community
• [x] Review with Co-Leads & close issue

Resources

CoP Workshop Figma file Figma's Help center "Create Figma account" article Figma official Youtube channel Figma for beginners Youtube playlist Figma tips Youtube playlist Pen Tool Game Daily UI challenge "Autolayout" Figma article Autolayout youtube video "Components" Figma article Components youtube video Prototyping pt1 youtube video Prototyping pt2 youtube video Prototyping and transitions youtube video Micro Interactions youtube video Variants vs Variables youtube video

Slack messages

Pre meeting

📣Hi everyone, Join us for our last Figma workshop of the month, where we'll dive into the powerful features of Components, Prototyping and briefly talk about Micro Interactions. This is a continuation of our last workshop, Figma: Intermediate, since we didn't get as much time to get into all the component stuff last week :) We will also have time at the beginning to answer any questions, Figma or HfLA related. Workshop Details: What: Figma Intermediate pt 2 - Components and Prototyping When: Wednesday, Oct 25, at 6 pm PST We'd like for this workshop to be an engaging and informative one so come join and participate. We're here to help you harness Figma's full potential. So, mark your calendars, and get ready for another knowledge-packed session. Let's make October an unforgettable month of Figma mastery! 🎃 See you there! A reminder that this meeting will be recorded for record-keeping and as a public resource for current and new volunteers

Post meeting

:blob-wave:Hi community,

Thank you again for joining us this month at our Figma workshops. We had a lot of fun! :laptop_parrot:

I encourage you to continue using the Figma file we shared and check out all the workshops we did this month, The basics and Intermediate pt1 & 2:

1. Practice the concepts we showed you, so you can start building your own UI elements and wireframes with ease.
2. Do the final activities of each workshop to level up your Figma skills. Follow the instructions and practice.
3. Check out all the Figma resources we shared and will continue sharing.

If you have any questions to ask or resources to share, let us know!

Recordings: Google Drive Figma file

[juliagab56]