Figma to After Effects Workflow
(Tutorial Replication)

Completed a step-by-step replication of a UI animation tutorial to gain hands-on experience with the Figma to After Effects pipeline.

Key tasks included:

Credits:
"Weather App UI Design" by @aksonvady (Figma Community)
Tutorial: Jake in Motion (YouTube)

Role: Animation
Client: Assignment
Date: 2026/02

Animation:

  • Importing Figma designs using Overlord and troubleshooting asset mismatches (fonts, symbols, text box widths).

  • Reorganizing Figma frames into After Effects compositions for cleaner animation hierarchy.

  • Resolving rendering issues with rounded corners and custom shapes across software versions.

  • Matching animation timing and easing to the original reference.

  • This exercise improved my familiarity with UI prototyping workflows.