Workshop: Figma (Intermediate)

[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. Autolayout
     • Constraits (only when a child element is within a parent)
     • Spacing
     • Direction
     • Padding
     • Resizing
       • Hug
       • Fill
       • Fixed
     • Absolute position
  2. Components
     • Variants
     • Instances
• [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] Post WS survey
• [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

Slack messages

Pre meeting

📣Hi everyone, We're excited to continue our Figma journey this month! Join us for the Figma Intermediate workshop, where we'll dive into the powerful features of Auto Layout and Components. Workshop Details: What: Figma Intermediate - Auto Layout and Components When: Wednesday, Oct 18, at 6 pm PST We'd like for this workshop to be an engaging and informative one so come 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

📣 Hi community, Thank you again for joining us during another Figma workshop. I encourage you to continue using the Figma file we shared and check out both workshops, The basics and Intermediate:

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 resources we shared and will continue sharing. If you have any questions you want to ask or resources you want to share, let us know! Workshop resources Google Drive Figma file Next week we'll be hosting our ?.

[Aparna1Gopal]

Notes

• Number of attendees - 15 (including 4 Co-leads)

[juliagab56]

[juliagab56]

I will share resources with the community today and then complete this issue.