1 of 5

Figma and Sprint Working Day

MT23

Kris Jordan

UNC Department of Computer Science

COMP 423: Foundations of Software Engineering (Spring 2025)�

Sit with your final project team!

2 of 5

COMP 423: Foundations of Software Engineering

  • RD28 - SQLAlchemy parts 0-2 - Due Sunday�
  • Sprint 0 Part A - Your Final Project's Epic Stories - Due Sunday�
  • RD29 - SQLAlchemy parts 3-5 - Due Tuesday

​

​

Announcements

!

‼️

3 of 5

Figma - Web-based, Multiplayer UI/UX Design Tool

If you do not yet have a Figma account registered to your UNC e-mail address, go ahead and register for an account. (Figma.com: Click Get started for free.)

​

Then attempt the free education verification: https://www.figma.com/education/

​

(Starting with a basic free account should be fine for now.)

4 of 5

Figma Follow Along

  1. One member of your team create a New Design File�
  2. Rename it from Untitled to COMP423 - Epic Design�
  3. Top Right > SHARE Button > Add your teammates' email addresses�
  4. Left Hand Sidebar:
    1. One Page per Story - Rename the Page to be the brief story description.
    2. One Frame per Step in Story (set Frame Dimensions to Desktop/Wireframe 1440x1024). Name your frames!�
  5. Tips:
    • Start by creating a page that has Starter Frame(s) which serve as templates you can copy
    • Be careful to select the Frame you are working in before adding shapes to it
    • Add text to your wireframes where it is relevant to your feature's needs

5 of 5

Exporting for Today's Attendance (and the Epic Writeup)

  • Select All Frames in your #1 story�
  • Scroll down on right-hand sidebar to Export section�
  • Select Export N Layers as PNG�
  • Open the downloaded zip file, extract images, upload the individual images as a submission for your team. Add your teammates to the submission!�
  • Keep working on your Epic Stories doc toward this weekend's submission.