|
|
01. Getting Started.fig
|
FIG
|
6.3 MB
|
|
|
02. Design System.fig
|
FIG
|
932.5 KB
|
|
|
03. Project Exercise.fig
|
FIG
|
67.8 MB
|
|
|
04. Bonus Challenges.fig
|
FIG
|
6.3 MB
|
|
|
1. A warm welcome to all students.mp4
|
MP4
|
21.8 MB
|
|
|
1. Chapter Overview.ts
|
TS
|
5.4 MB
|
|
|
1. Welcome.ts
|
TS
|
6 MB
|
|
|
10. Build a Drop Shadow System.ts
|
TS
|
9.2 MB
|
|
|
10. Design a Responsive Footer.ts
|
TS
|
51.9 MB
|
|
|
10. Final Challenges (Part 3).ts
|
TS
|
37.7 MB
|
|
|
10. Master Components.ts
|
TS
|
22.6 MB
|
|
|
11. Adding Prototype Interactions.ts
|
TS
|
56.9 MB
|
|
|
11. Intro to Part 2.ts
|
TS
|
9.7 MB
|
|
|
11. Master the BEM Model & Component Matrix.ts
|
TS
|
10.2 MB
|
|
|
11. Prevent Master Components from Publishing.ts
|
TS
|
9.9 MB
|
|
|
12. Build a Dynamic & Scalable Button Set.ts
|
TS
|
64.7 MB
|
|
|
12. Design a Sidebar & Loading State.ts
|
TS
|
36.9 MB
|
|
|
12. Managing the Design Feedback Process.ts
|
TS
|
100.2 KB
|
|
|
13. Design a Dashboard.ts
|
TS
|
53.7 MB
|
|
|
13. Publish a Design System.ts
|
TS
|
6.3 MB
|
|
|
13. Responsive Views - 1152px.ts
|
TS
|
8.2 MB
|
|
|
14. Design the Customer View (Rows).ts
|
TS
|
37.6 MB
|
|
|
14. Responsive Views - 768px.ts
|
TS
|
31.2 MB
|
|
|
14. Using Design Systems Across Multiple Projects.ts
|
TS
|
2.8 MB
|
|
|
14_1. What is BEM.png
|
PNG
|
17.3 KB
|
|
|
15. Advanced Input Systems (Part 1).ts
|
TS
|
29 MB
|
|
|
15. Design the Customer View (Grid).ts
|
TS
|
28 MB
|
|
|
15. Responsive Views - 320px.ts
|
TS
|
60 MB
|
|
|
16. Advanced Input Systems (Part 2).ts
|
TS
|
52.9 MB
|
|
|
16. Design the Add New Customer Modal.ts
|
TS
|
26.1 MB
|
|
|
16. Designing a Responsive Mobile Header.ts
|
TS
|
12.8 MB
|
|
|
17. Advanced Input Systems (Part 3).ts
|
TS
|
60.3 MB
|
|
|
17. Building a Responsive Prototype.ts
|
TS
|
100.2 KB
|
|
|
17. Design the Success Message.ts
|
TS
|
34.6 MB
|
|
|
18. Plan your Prototype Sequence.ts
|
TS
|
29.9 MB
|
|
|
18. Preview designs with Figma Mirror.ts
|
TS
|
5.8 MB
|
|
|
19. Build your Prototype.ts
|
TS
|
49.7 MB
|
|
|
2. Atomic Design Framework.ts
|
TS
|
6.8 MB
|
|
|
2. Build a Responsive 2 Column Layout.ts
|
TS
|
32 MB
|
|
|
2. Compressing Images.ts
|
TS
|
17.2 MB
|
|
|
2. Install Files.mp4
|
MP4
|
16.7 MB
|
|
|
2. Overview.ts
|
TS
|
10.8 MB
|
|
|
2. Smart Animate Overview.ts
|
TS
|
44.4 MB
|
|
|
2. Understanding the Box Model.ts
|
TS
|
21 MB
|
|
|
2. When should you Componentize.ts
|
TS
|
9.4 MB
|
|
|
20. Interactive Components Challenge (Part 1).ts
|
TS
|
28.7 MB
|
|
|
21. Interactive Components Challenge (Part 2).ts
|
TS
|
42.1 MB
|
|
|
3. Animation Types.ts
|
TS
|
14.3 MB
|
|
|
3. Build Style Guide (Neutrals).ts
|
TS
|
44.3 MB
|
|
|
3. Build a Responsive Table.ts
|
TS
|
12 MB
|
|
|
3. Compressing Images - FREE & High Quality Alternative.ts
|
TS
|
10 MB
|
|
|
3. Exploration.ts
|
TS
|
9.2 MB
|
|
|
3. Global vs Local Components.ts
|
TS
|
8.2 MB
|
|
|
3. Install Figma Plugins.mp4
|
MP4
|
14.7 MB
|
|
|
3. Understanding the CSS Flex box.ts
|
TS
|
11.1 MB
|
|
|
4. Animation Type.ts
|
TS
|
82.7 MB
|
|
|
4. Attaching a Design System.ts
|
TS
|
3 MB
|
|
|
4. Build a Scalable Colour System (Dark Mode).ts
|
TS
|
28.9 MB
|
|
|
4. Create a Grid Box.ts
|
TS
|
10.4 MB
|
|
|
4. Creating Local & Global Components.ts
|
TS
|
35.6 MB
|
|
|
4. How to Run a Design Implementation Walkthrough.ts
|
TS
|
17.7 MB
|
|
|
4. Wireframes.ts
|
TS
|
12.5 MB
|
|
|
5. Build a Responsive Typgography Scale.ts
|
TS
|
78.9 MB
|
|
|
5. Build a Scalable Progress Bar.ts
|
TS
|
8.7 MB
|
|
|
5. Deleting Component Variants.ts
|
TS
|
2.8 MB
|
|
|
5. Design a Responsive Header.ts
|
TS
|
49.9 MB
|
|
|
5. Easing the Easy Way.ts
|
TS
|
38.4 MB
|
|
|
5. Moodboard.ts
|
TS
|
21 MB
|
|
|
5. Preparing a File for Developers.ts
|
TS
|
30.6 MB
|
|
|
6. Design a Responsive Hero Banner.ts
|
TS
|
66.4 MB
|
|
|
6. Documenting Designs for Developers.ts
|
TS
|
88.6 MB
|
|
|
6. Figma Animation Prototype.ts
|
TS
|
26.5 MB
|
|
|
6. Modifying a Component.ts
|
TS
|
2 MB
|
|
|
6. Responsive Grid Layouts (320px to 1440px, Including Fixed Sidebars).ts
|
TS
|
39.6 MB
|
|
|
6. Workspace.ts
|
TS
|
34.7 MB
|
|
|
7. Creating a New Set of Component Variants.ts
|
TS
|
19.2 MB
|
|
|
7. Custom Figma Transitions.ts
|
TS
|
66.7 MB
|
|
|
7. Design a Responsive Masonry Grid.ts
|
TS
|
65.2 MB
|
|
|
7. Design feedback.ts
|
TS
|
34.2 MB
|
|
|
7. Exporting SVG Icons.ts
|
TS
|
24.5 MB
|
|
|
7. How to Use the 4pt Grid.ts
|
TS
|
18.2 MB
|
|
|
8. Create a Vertical 4pt Grid.ts
|
TS
|
7.5 MB
|
|
|
8. Design a Responsive Floating CTA.ts
|
TS
|
29.7 MB
|
|
|
8. Exporting PNG Icons.ts
|
TS
|
11.9 MB
|
|
|
8. Final Challenges (Part 1).ts
|
TS
|
34.7 MB
|
|
|
8. Final Designs.ts
|
TS
|
16.5 MB
|
|
|
8. Publishing Large Design Systems Workaround.ts
|
TS
|
2.4 MB
|
|
|
9. Build an Advanced Icon System (4 Sizes, 2 Colours).ts
|
TS
|
56.8 MB
|
|
|
9. Design Implementation.ts
|
TS
|
42.6 MB
|
|
|
9. Design a Responsive 4 Col Layout.ts
|
TS
|
31.7 MB
|
|
|
9. Detaching Main Components.ts
|
TS
|
4.2 MB
|
|
|
9. Final Challenges (Part 2).ts
|
TS
|
14.9 MB
|
|
|
Animations & Prototyping (Starter & Solutions File).zip
|
ZIP
|
36.8 MB
|
|
|
Course Sales Page.png
|
PNG
|
4.7 MB
|
|
|
Designership Design System v.1.3.1.fig
|
FIG
|
30.8 MB
|
|
|
Watch Me First.mp4
|
MP4
|
77.2 MB
|
|
|
[RESOURCE] Design Implementation Walkthrough.fig
|
FIG
|
4.2 MB
|
|
|
[RESOURCE] Project Starter Template.fig
|
FIG
|
46.9 MB
|
|
|
[RESOURCE] Real Project File.fig
|
FIG
|
78.1 MB
|
|
|
[SOLUTIONS] 03. Project Exercise.fig
|
FIG
|
75 MB
|
|
|
[SOLUTION] 02. Design System.fig
|
FIG
|
1.5 MB
|
|
|
_Designership Design System v.1.3.1.fig
|
FIG
|
307.2 B
|
