Application Design II / Task 2: Hybrid Lo-Fidelity Mobile App Development

22/04/2026 - 12/5/2026 (Week 1 - Week ?)

Chang Wing / 0367807 

Application Design II / Bachelors of Design (Honours) in Creative Media / Taylor's University

Task 2: Hybrid Lo-Fidelity Mobile App Development

---

TABLE OF CONTENTS

1. Instructions

2. Final Project: Animated Instructable Project

3. Feedback
4. Reflection

(Not updated)

---

INSTRUCTIONS

Figure 1.1 Module Information

---

Task 2: Hybrid Lo-Fidelity Mobile App Development (20%)

So as a padada

Figure 2.1 Import Figma Theme to Flutterflow.

UI Improvement

Figure 2.2 (Left) Before increasing margin size and
(Right) After increasing margin size

Figure 2.3 Figma Theme > Colors

Figure 2.4 Figma Theme > Typography

Figure 2.5 Transfer font system in my Figma design to Flutterflow

Because FlutterFlow does not support directly uploading SVG or PNG files as custom icons, the assets must first be converted into a TTF (icon font) file. This process is carried out by following the steps outlined in Figure 2.8.

However, 

Figure 2.6 Adding icon on a Button widget

Figure 2.7 Adding icon on a Button widget

Figure 2.8 How to Import Custom Icons. Custom Icons | FlutterFlow University

Final Outcome

Figure 2.10 Fhfgdgd

---

FEEDBACK

Task 2: Hybrid Lo-Fidelity Mobile App Development (20%)

Week 1 (23/04/2026)

Feedback: -

Week 2 (??/04/2026)

Feedback: Njjjn

---

REFLECTION

This prsdfs