Figma – Presenting your project

Goal

Put together a short, followable presentation of the project in Figma or FigJam, and rehearse the flow of the talk together with the live prototype. By the end of the exercise, the presentation for homework 10 is ready.

Figma as a presentation tool

In Figma and FigJam a frame can be a slide. If you put the frames in order, Presentation view shows them as a sequence of slides. Its advantages: the design file and the presentation are in one place, the screens and the prototype can be embedded directly, and everything can be modified at the last minute. Its disadvantage: it is not a dedicated presentation program, so templates, animations, and notes are less developed; if this is a problem, the outline can also be made in Figma, but you can assemble the final slides in another tool.

Basic rules:

• One frame, one slide: frames of the same size (for example 1920 × 1080).
• Consistent layout: the title always in the same place, with the same style; use the text styles and colors created in chapter 8.
• Embedded prototype: you can open the prototype view of the Figma file in a separate window next to the presentation; keep the prototype link at hand.
• Notes: keep what you want to say in a separate place (for example in a text box placed next to the frame, on the canvas), not on the slide.

Task: the presentation for homework 10

1. Create a new file or a new page named "Presentation".
2. Write the main claim in one sentence (the first lesson of chapter 10), and the six blocks (problem, research, decision, prototype, test, next step) as a slide outline: one block, one slide (or two).
3. Create equal frames for the slides. Set one title style, one body text style, and one color scheme.
4. Fill the slides with evidence: quote, observation, diagram, before–after screens. The title should be the claim.
5. Place the key screens, and mark with an arrow or highlight what to pay attention to.
6. Make a results slide in a table (the success criterion, the first and second round, the sample size, and the limitation).
7. Make a closing slide: lessons, open questions, next step.
8. Make a backup slide for the live demo: 3–4 screenshots of the key flow.
9. Try Presentation view, and walk through the whole presentation with timing. Measure the time; if it is too long, cut.
10. Try the live demo: open the prototype on the start screen, and lead through the task. Make sure that the link works on any device.
11. Ask for feedback from a fellow student: what was the main claim, what was not understandable?
12. Write a self-reflection (a short text, with the frame of the portfolio lesson of chapter 10), and if you wish, make the sketch of the portfolio case.
13. Share the file and the prototype link with the instructor.

Checklist

• Every slide serves one main claim, the title is the claim.
• The evidence is on the slides, what you will say is in the notes.
• The whole presentation fits the time frame.
• For the live demo there is a pre-tested route and a backup.
• The result appears together with the limitations.

Learning resources

• Figma Learn – official help: search for "Present" and "Presentation view"