Install Figma Free Software Draf transkrip automatik penuh. Pembetulan istilah berdasarkan sumber direkodkan secara berasingan; tanda semakan menunjukkan perkataan yang perlu diperiksa. [00:00:00–00:00:03] Video seterusnya saya nak share tentang rahsia desain yang convert. [00:00:03–00:00:08] Dan dalam ni saya nak tunjukkan satu software yang jarang orang share. [00:00:08–00:00:10] Nama dia adalah Figma. [00:00:10–00:00:14] Macam mana cara nak install Figma Free Software. [semak: uncertain words] [00:00:15–00:00:17] Tanpa buang masa, jom kita mulakan. [00:00:17–00:00:20] Ok, step pertama, tolong buka dekat Google macam ni. [semak: uncertain words] [00:00:20–00:00:22] Type je dekat dalam ni, F-I-G-M-A. [00:00:22–00:00:24] Figma, tekan Enter. [semak: uncertain words] [00:00:25–00:00:27] Lepas tu anda akan nampak belah atas sekali. [00:00:27–00:00:31] Figma The Collaboration Interface Design Tools [semak: uncertain words] [00:00:31–00:00:32] Tekan yang ni [semak: uncertain words] [00:00:33–00:00:35] Ok lepas tu kita akan masuk ke dalam Figma [semak: uncertain words] [00:00:35–00:00:37] Tapi sebab saya dah terlog out [00:00:37–00:00:37] Terlog in [00:00:37–00:00:38] Saya log out balik lah eh [00:00:39–00:00:39] Sekejap [00:00:39–00:00:40] Saya log keluar balik [00:00:40–00:00:41] Ok saya tekan sekali lagi [semak: uncertain words] [00:00:41–00:00:42] Haa sorry sorry [00:00:43–00:00:44] Sorry sorry sorry [semak: uncertain words] [00:00:44–00:00:46] So kalau kita tekan balik Figma [00:00:47–00:00:48] Tekan enter [00:00:49–00:00:49] Masuk [00:00:50–00:00:51] Masuk dekat sini [00:00:51–00:00:53] Haa inilah muka depan dia [00:00:53–00:00:54] Dan Figma ni guys dia percuma [semak: uncertain words] [00:00:55–00:00:57] Sesuai lah untuk kita yang nak main-main [00:00:57–00:00:58] Desain-desain free ni [00:00:58–00:01:00] Tapi dia ada versi yang berbayar [semak: uncertain words] [00:01:00–00:01:01] Kalau nak bayar dia ni [00:01:01–00:01:02] Mahal lah [00:01:02–00:01:02] Saya pun tak bayar [00:01:02–00:01:04] Saya pun pakai yang free je [00:01:04–00:01:05] So, pakai je yang free [00:01:05–00:01:06] Serius [00:01:06–00:01:07] Free ni pun dah sangat mencukupi [00:01:07–00:01:08] Setakat saya pakai [00:01:08–00:01:10] Setahun baru saya kena bayar [00:01:10–00:01:11] Sebab [00:01:11–00:01:12] Features free dia pun dah ok lah [semak: uncertain words] [00:01:12–00:01:13] Dan apa itu Figma [00:01:14–00:01:14] Figma ni [00:01:14–00:01:15] Tujuan dia adalah [00:01:15–00:01:16] Untuk buat design [00:01:16–00:01:18] Design website [00:01:18–00:01:18] Macam ni kan [00:01:18–00:01:19] Kita nak buat [00:01:21–00:01:22] To prom lah [semak: uncertain words] [00:01:22–00:01:23] Ni design [00:01:23–00:01:24] Kita nak design website [00:01:24–00:01:25] Kita nak draw [00:01:25–00:01:26] Dia macam-macam [00:01:26–00:01:29] build, publish, nak buat mockup [semak: uncertain words] [00:01:29–00:01:31] jadi macam-macam lah [semak: uncertain words] [00:01:31–00:01:33] yang kita boleh buat dekat dalam Figma ni [00:01:33–00:01:35] tapi especially paling penting dia design [00:01:35–00:01:37] dan design dia ni bukan macam design [00:01:37–00:01:38] Canva apa semua, dia design [00:01:39–00:01:40] untuk website [00:01:40–00:01:43] dia adalah pembunuh Adobe XD [00:01:43–00:01:44] sebab Adobe pun banyak [00:01:44–00:01:46] seraga sekarang ni sebab Figma ni dah macam-macam [00:01:46–00:01:48] template Figma dia, dia online [00:01:48–00:01:50] website bila tu, jadi dia tak payah nak install [semak: uncertain words] [00:01:50–00:01:52] dia hidup dalam browser [00:01:52–00:01:54] macam kita buka YouTube tu secara online macam tu [00:01:54–00:01:55] macam tu lah dia [semak: uncertain words] [00:01:55–00:01:57] so banyak lah fungsi-fungsi [00:01:57–00:01:58] Figma ni [semak: uncertain words] [00:01:58–00:01:59] jadi jom kita [00:01:59–00:02:00] explore sama-sama [00:02:00–00:02:00] Figma [00:02:00–00:02:01] kalau anda yang zero [00:02:01–00:02:02] boleh follow [00:02:02–00:02:03] dan ni nampak lah [00:02:03–00:02:04] boleh design website [00:02:04–00:02:05] social media [semak: uncertain words] [00:02:05–00:02:06] mobile app [semak: uncertain words] [00:02:06–00:02:06] presentation [00:02:06–00:02:06] invitation [00:02:06–00:02:08] tapi mostly orang design [semak: uncertain words] [00:02:08–00:02:08] untuk website lah [00:02:08–00:02:09] Figma ni [00:02:10–00:02:11] jadi jom tekan button [00:02:11–00:02:13] get started for free [00:02:13–00:02:14] 3, 2, 1 [semak: number or amount] [00:02:14–00:02:14] tekan [00:02:14–00:02:15] get started for free [00:02:15–00:02:17] tekan sahaja [00:02:17–00:02:18] continue with google [00:02:18–00:02:19] dan saya akan gunakan [00:02:19–00:02:20] satu email saya [00:02:20–00:02:21] yang fresh [00:02:21–00:02:22] from oven [00:02:22–00:02:23] saya guna email ni lah [00:02:23–00:02:24] contohnya [00:02:24–00:02:25] Email yang saya tak pakai [semak: uncertain words] [00:02:25–00:02:27] So tekan sahaja button continue [semak: uncertain words] [00:02:27–00:02:29] Pilih lah mana-mana email [semak: uncertain words] [00:02:29–00:02:31] Tekan, patut tekan dia proceed continue [semak: uncertain words] [00:02:31–00:02:33] Dan automatically dia akan [00:02:33–00:02:34] Buat pendaftaran [00:02:34–00:02:35] Tapi kita tengok jap [semak: uncertain words] [00:02:35–00:02:36] Apa yang dia tanya ni [semak: uncertain words] [00:02:36–00:02:39] Oh terus masuk ke dalam guys [00:02:39–00:02:41] Jadi kita namakan [00:02:41–00:02:43] Nama saya Adib [00:02:43–00:02:45] Tekan continue [00:02:45–00:02:47] Yang ni bantai je lah apa-apa [00:02:47–00:02:48] Kerja [00:02:48–00:02:49] Okay continue [semak: uncertain words] [00:02:49–00:02:51] Kenapa ni [00:02:53–00:02:55] dia lebih bagus daripada Canva [semak: uncertain words] [00:02:55–00:02:56] sebab Canva [00:02:56–00:02:57] Canva bagus [semak: uncertain words] [00:02:57–00:02:58] banyak template [00:02:58–00:02:59] tapi issue dengan Canva ni [00:02:59–00:03:01] dia frame dia tu [00:03:01–00:03:02] kalau dah petak-petak je [00:03:02–00:03:04] dia susah nak duplicate design [00:03:04–00:03:05] ada lah benda-benda yang saya tak suka [semak: uncertain words] [00:03:05–00:03:05] pasal Canva [00:03:05–00:03:07] Canva tak boleh nak buat design [00:03:07–00:03:08] yang continuous untuk website [00:03:08–00:03:10] so dia macam Canva [00:03:10–00:03:10] betul [00:03:10–00:03:12] tapi dia lebih advance sikit [00:03:12–00:03:12] daripada Canva [00:03:12–00:03:14] sebab tu lah kalau awak pakai yang ni [00:03:14–00:03:15] awak rasa macam advance je [00:03:15–00:03:17] Canva kan simple-simple je kan [00:03:18–00:03:19] so jom [00:03:19–00:03:19] kita tengok [00:03:19–00:03:20] kita explore sama-sama [00:03:21–00:03:22] Pantai je lah apa-apa eh [semak: uncertain words] [00:03:22–00:03:23] Jawab je lah ambil ni [00:03:24–00:03:25] Jawab je lah apa-apa [00:03:25–00:03:25] Boleh skip ke? [semak: uncertain words] [00:03:26–00:03:26] Tak boleh [00:03:26–00:03:27] Oh boleh skip [00:03:27–00:03:28] Tekan je lah skip [semak: uncertain words] [00:03:29–00:03:30] You speak on before [semak: uncertain words] [00:03:30–00:03:32] A few times [semak: uncertain words] [00:03:32–00:03:32] Okay [semak: uncertain words] [00:03:32–00:03:33] Layan je lah [semak: uncertain words] [00:03:34–00:03:34] Yang ni [00:03:35–00:03:37] Kita pakai yang free [semak: uncertain words] [00:03:37–00:03:38] Ini ya [semak: uncertain words] [00:03:38–00:03:38] Tekan starter [00:03:38–00:03:39] Sebab dia adalah free [00:03:39–00:03:40] Limited [00:03:40–00:03:41] 3 file [semak: number or amount] [00:03:41–00:03:42] Okay sangat lah tu [00:03:42–00:03:44] Kita pakai satu file pun dah cukup sebenarnya [00:03:44–00:03:45] Tekan button [00:03:45–00:03:46] Continue [00:03:48–00:03:49] Lepas tu [00:03:49–00:03:50] Ni skip je lah [semak: uncertain words] [00:03:50–00:03:53] ok, kita dah selamat [semak: uncertain words] [00:03:53–00:03:55] masuk ke dalam Figma guys [00:03:55–00:03:56] jadi, berjaya tak follow saya [semak: uncertain words] [00:03:56–00:03:59] kalau belum berjaya, masuk balik [semak: uncertain words] [00:03:59–00:04:00] daripada mula [00:04:00–00:04:02] jadi, apa yang ada kat sini, kita ada [00:04:02–00:04:05] Fik Jam Basic, Figma Basic [semak: uncertain words] [00:04:05–00:04:07] Adib Afifi Hassan [00:04:07–00:04:08] Team Library, ok, saya nak [00:04:08–00:04:10] awak tekan dekat Figma Basic [00:04:10–00:04:12] jom kita masuk dekat bahagian [00:04:12–00:04:14] Figma Basic, 3, 2, 1, let's go [semak: number or amount] [00:04:14–00:04:16] bila awak tekan, dia double click [semak: uncertain words] [00:04:16–00:04:17] dekat Figma Basic [00:04:18–00:04:19] kita akan masuk ke dalam [00:04:20–00:04:21] Figma punya design [00:04:21–00:04:23] So, bagus lah kita nak belajar kat sini [semak: uncertain words] [00:04:23–00:04:25] Kita boleh scroll eh, boleh zoom [00:04:25–00:04:27] Untuk zoom ni, awak boleh [00:04:27–00:04:29] Macam saya, sebab saya pakai [00:04:29–00:04:31] Macbook, saya boleh macam tu je lah [semak: uncertain words] [00:04:31–00:04:33] Macam ni lah, tapi kalau awak pakai [00:04:34–00:04:35] Window, awak boleh tekan [00:04:35–00:04:36] Control plus [semak: uncertain words] [00:04:37–00:04:38] Control minus, jadi zoom out [00:04:38–00:04:40] Control plus, jadi zoom in [00:04:40–00:04:42] So, macam ni saya boleh zoom in macam ni lah [00:04:42–00:04:45] Jadi, Figma ni, dia adalah software [semak: uncertain words] [00:04:45–00:04:47] Untuk kita design [00:04:47–00:04:48] Macam ni, dia boleh design-design [semak: uncertain words] [00:04:50–00:04:50] dan [semak: uncertain words] [00:04:50–00:04:53] Figma ni bagus lah untuk kita nak [semak: uncertain words] [00:04:53–00:04:55] tukar apa-apa dan dia ada [00:04:55–00:04:57] kotak-kotak macam ni nampak dia boleh design website [00:04:58–00:04:58] macam ni lah [00:04:58–00:05:00] practice design kita boleh tengok [semak: uncertain words] [00:05:00–00:05:02] ni semua ni di design bagi Figma ni [semak: uncertain words] [00:05:02–00:05:03] saya boleh tukar ni [00:05:05–00:05:05] saya [00:05:05–00:05:07] eh hilang tak lah [semak: uncertain words] [00:05:08–00:05:09] we are [00:05:13–00:05:14] anak ibu [00:05:16–00:05:17] ni boleh tukar ni [00:05:17–00:05:18] benda ni semua boleh tukar [00:05:19–00:05:21] jadi dia macam konsep design lah [semak: uncertain words] [00:05:21–00:05:23] Kita nak tukar apa-apa kat sini pun boleh [00:05:23–00:05:25] Dan macam gambar ni ke nak buat keluar ke [semak: uncertain words] [00:05:25–00:05:27] Jadi kalau Canva [semak: uncertain words] [00:05:27–00:05:29] Dia tak boleh nak buat design continuous [00:05:29–00:05:30] Katalah kita nak tambah panjangan dia [00:05:30–00:05:32] Kita boleh select dekat sini [00:05:32–00:05:33] Kita boleh panjangkan lagi [00:05:35–00:05:36] Oh ni bukan frame [semak: uncertain words] [00:05:37–00:05:38] Sekejap ni bukan frame [00:05:39–00:05:40] Sekejap [00:05:43–00:05:44] Saya boleh panjangkan dia [semak: uncertain words] [00:05:44–00:05:46] So saya boleh design lagi [00:05:46–00:05:48] Masalah dengan Canva [00:05:48–00:05:50] Dia tak boleh tiba-tiba kita nak panjangkan website kita [00:05:50–00:05:51] Lepas tu nak scroll [00:05:52–00:05:53] Macam ni kan [semak: uncertain words] [00:05:53–00:05:55] So kalau katalah saya nak tengok view dia yang betul [semak: uncertain words] [00:05:55–00:05:56] Saya boleh tekan select ni [00:05:56–00:05:58] Saya boleh tekan button play kat sini [00:05:58–00:05:59] Button play ni [00:05:59–00:06:01] Dia akan buat macam website tu real [00:06:02–00:06:03] Jadi kita dapat view [00:06:03–00:06:05] Macam view telefon boleh [00:06:05–00:06:06] Kita nak view laptop boleh [00:06:06–00:06:07] Desktop boleh [semak: uncertain words] [00:06:07–00:06:08] Jadi kita nampak lah macam ni [00:06:08–00:06:09] Nampak [00:06:09–00:06:10] Saya dapat scroll [semak: uncertain words] [00:06:11–00:06:13] Dapatlah perasaan ibarat macam kita [00:06:13–00:06:14] Tengah buka website sebenar [00:06:14–00:06:15] Contoh macam ni [00:06:15–00:06:17] Ni sebab saya sedang halis tadi tu [semak: uncertain words] [00:06:17–00:06:18] Terasa letak balik [00:06:18–00:06:19] Cun sikit [semak: uncertain words] [00:06:21–00:06:22] ok, so saya tekan [semak: uncertain words] [00:06:22–00:06:24] sini, saya tekan button play, ni saya tunjuk just [semak: uncertain words] [00:06:24–00:06:26] features-features yang ada je, jadi so awak tahu [semak: uncertain words] [00:06:26–00:06:28] oh ni ke function dia, yes, dia boleh [semak: uncertain words] [00:06:28–00:06:30] buat mockup macam ni [00:06:30–00:06:32] kita nak experience macam mana eh, kalau kita buka [semak: uncertain words] [00:06:32–00:06:33] website [00:06:34–00:06:36] boleh, kalau kita nak tekan dia, kita boleh link [00:06:36–00:06:38] kan ke page lain, nak tekan [semak: uncertain words] [00:06:38–00:06:40] boleh, nak ni boleh, nak buat dia bergerak [00:06:40–00:06:42] boleh, jadi dia mockup lah, dia [00:06:42–00:06:44] bukanlah buat ni, inilah website kita dah siap tak [00:06:44–00:06:46] ini just macam satu mockup je [semak: uncertain words] [00:06:46–00:06:48] sebab tu lah, dalam panduan ni saya [semak: uncertain words] [00:06:48–00:06:50] ajar awak bukan design biasa-biasa. Saya nak ajar awak [00:06:50–00:06:52] design professional. Macam mana kami buat [00:06:52–00:06:54] design wala-wala tu. Ha, kat sini lah. [semak: uncertain words] [00:06:54–00:06:56] Okay. So, kita dah cover basic [semak: uncertain words] [00:06:56–00:06:58] fitma. Jadi, saya explain lah [semak: uncertain words] [00:06:58–00:07:00] tentang features-features yang ada kat sini. [00:07:01–00:07:02] Tapi untuk explain ni, saya patah [semak: uncertain words] [00:07:02–00:07:04] balik keluar eh. So, awak tekan balik dekat huruf [semak: uncertain words] [00:07:04–00:07:06] F ni. Kita tekan back to file. [00:07:06–00:07:08] Kita nak keluar balik ke depan. Okay. [00:07:08–00:07:10] Jadi, sekarang ni, saya nak awak [00:07:10–00:07:12] buat satu file pertama. [00:07:12–00:07:14] Okay. Tekan dekat design. [00:07:14–00:07:16] Nampak design ni. Okay. Kita tekan [semak: uncertain words] [00:07:16–00:07:17] dekat design. [00:07:18–00:07:20] So kita telah pun [semak: uncertain words] [00:07:20–00:07:21] Melahirkan [00:07:21–00:07:23] File kita yang pertama [semak: uncertain words] [00:07:23–00:07:24] Jadi file ni dia kosong lah [00:07:24–00:07:26] Dia tak ada apa-apa [semak: uncertain words] [00:07:26–00:07:27] Dan [00:07:27–00:07:28] Dalam file ni [00:07:28–00:07:30] Kita ada beberapa benda [semak: uncertain words] [00:07:30–00:07:31] Kita tengok sini [semak: uncertain words] [00:07:31–00:07:32] Nak buat website ke [00:07:32–00:07:33] Moba apps ke desktop [semak: uncertain words] [00:07:33–00:07:35] Saya tekan pangkah je lah [00:07:35–00:07:36] Tekan pangkah je [00:07:36–00:07:37] Kita biar je dia kosong [00:07:37–00:07:38] Okay [semak: uncertain words] [00:07:38–00:07:39] So [00:07:41–00:07:42] Kita nak namakan dulu file kita ni [00:07:42–00:07:43] Contohnya [00:07:43–00:07:44] Sales page [semak: uncertain words] [00:07:45–00:07:46] Kosong satu [semak: uncertain words] [00:07:46–00:07:46] Okay [00:07:46–00:07:47] Saya nak explain [00:07:47–00:07:50] Basic features yang ada daripada kiri ke kanan [00:07:50–00:07:52] Kita start dengan bawah sekali [00:07:52–00:07:53] Okay, daripada kiri ni [semak: uncertain words] [00:07:54–00:07:56] Ini adalah kalau kita nak gerakkan dia [00:07:56–00:07:58] Kalau hand ni, dia boleh bergerak macam ni [00:07:58–00:08:00] Sekejap tak nampak eh, saya buat kotak dulu lah [semak: uncertain words] [00:08:00–00:08:01] Okay, ni kena buat kotak [00:08:02–00:08:03] Kita boleh buat kotak [00:08:03–00:08:05] Kalau kita tekan ni, kita boleh buat macam-macam lah [00:08:05–00:08:06] Arrow line lah lah [00:08:06–00:08:07] Benda-benda basic [00:08:08–00:08:11] Yang ada arrow ni, tapi kita kena zoom pun nampak [semak: uncertain words] [00:08:11–00:08:12] Ada arrow semua kat situ [semak: uncertain words] [00:08:14–00:08:15] Haa, sama je lah [semak: uncertain words] [00:08:15–00:08:15] Benda-benda basic [00:08:15–00:08:18] Tapi dengan basic ni pun dah boleh buat website lawa [00:08:18–00:08:19] Yang kelakar tu [semak: uncertain words] [00:08:19–00:08:20] Tak banyak sangat benda [semak: uncertain words] [00:08:20–00:08:23] So kita boleh gerak-gerakkan dia [semak: uncertain words] [00:08:23–00:08:25] Contoh kita ambil tangan ni kan [00:08:25–00:08:26] Ambil tangan [00:08:26–00:08:28] Kita boleh macam ni [semak: uncertain words] [00:08:28–00:08:29] Macam grab dia [00:08:29–00:08:32] Tapi kalau kita nak tarik ni tak boleh lah [00:08:32–00:08:35] Kita kena tukar balik kepada move [semak: uncertain words] [00:08:36–00:08:36] Macam ni [00:08:36–00:08:38] Macam ni kalau kita nak [00:08:38–00:08:39] Katalah kita ada tulisan [00:08:39–00:08:40] Tulisan kita boleh tekan kat sini [semak: uncertain words] [00:08:41–00:08:42] Tulisan [00:08:43–00:08:45] Saya suka makan [00:08:46–00:08:48] Macam mana kalau saya nak besarkan dia [00:08:48–00:08:50] Kalau saya tarik macam ni [semak: uncertain words] [00:08:50–00:08:54] Dia tak membesar je dia kotak [semak: uncertain words] [00:08:54–00:08:56] So macam mana kita nak membesarkan dia [00:08:56–00:08:58] Adalah saya boleh undo balik [00:08:58–00:08:58] Tekan control Z [semak: uncertain words] [00:08:58–00:09:00] Ataupun right click [00:09:00–00:09:02] Boleh undo kat mana [00:09:02–00:09:05] Tapi biasanya [semak: uncertain words] [00:09:05–00:09:07] Command Z ataupun control Z [semak: uncertain words] [00:09:07–00:09:08] Ni saya undo balik [semak: uncertain words] [00:09:10–00:09:11] Cara dia [semak: uncertain words] [00:09:11–00:09:12] Perasaan tak kat sini [semak: uncertain words] [00:09:12–00:09:14] Ini untuk gerakkan benda [semak: uncertain words] [00:09:15–00:09:17] Yang ni untuk kita gerak macam ni [semak: uncertain words] [00:09:17–00:09:19] Yang ni pula untuk kita [semak: uncertain words] [00:09:19–00:09:21] Scale kan, contoh macam ni, saya tekan dia [semak: uncertain words] [00:09:21–00:09:22] Saya tekan dia ni [00:09:22–00:09:24] Saya tarik je [00:09:25–00:09:27] So katalah saya susun serentak [00:09:27–00:09:28] Saya nak semua scale serentak [00:09:28–00:09:31] Dan semua ni akan scale serentak [00:09:31–00:09:32] Saya select semua ni [00:09:34–00:09:35] Saya tarik je [semak: uncertain words] [00:09:35–00:09:36] Nampak [00:09:37–00:09:38] Itulah function bendalah ni [semak: uncertain words] [00:09:38–00:09:40] Dia untuk resize, untuk scale [semak: uncertain words] [00:09:40–00:09:42] So kita dapat resize semua sekali [00:09:42–00:09:45] Katalah kita nak semua ni resize dengan konsisten [00:09:46–00:09:47] Kita dah pilih tu [semak: uncertain words] [00:09:47–00:09:48] Tarik je [00:09:48–00:09:49] Semua akan resize [00:09:49–00:09:52] Jadi itulah function bendalah ni [00:09:52–00:09:53] Dia sangat function bila kita ada banyak design lah [semak: uncertain words] [00:09:53–00:09:56] Tapi sebelum kita buat design apa-apa [semak: uncertain words] [00:09:56–00:09:57] Yang ni paling penting bendalah ni [semak: uncertain words] [00:09:57–00:09:59] Ini nama dia frame [00:09:59–00:10:00] Dalam ni ada banyak lah section slice [semak: uncertain words] [00:10:00–00:10:02] Tapi yang kita memang pakai frame [00:10:02–00:10:04] Saya nak buat tekan dekat frame [semak: uncertain words] [00:10:04–00:10:05] Kita nak buat frame pertama [semak: uncertain words] [00:10:06–00:10:07] Tekan dekat frame [00:10:07–00:10:08] Cuba tarik macam ni [00:10:08–00:10:12] Ini frame [semak: uncertain words] [00:10:12–00:10:15] Frame ni, kita boleh tarik saiz besar, saiz kecil [00:10:15–00:10:16] Dan bila kita buat frame [semak: uncertain words] [00:10:16–00:10:18] Kita sebenarnya boleh tekan dekat frame [00:10:18–00:10:20] Dan pilih saiz dia [00:10:20–00:10:22] Dia ada saiz iPhone 16 [semak: number or amount] [00:10:23–00:10:25] Dia ada banyak saiz lah [00:10:25–00:10:26] Kita nak buat saiz apa [00:10:27–00:10:28] Saiz, satu saya tekan sini [semak: uncertain words] [00:10:28–00:10:33] Kita nak buat saiz iPhone 16, Android, iPad, MacBook Air, MacBook 14 [semak: uncertain words, number or amount] [00:10:33–00:10:36] Ni kira, ini saiz untuk MacBook 14 [semak: uncertain words, number or amount] [00:10:38–00:10:41] Dia akan ikut saiz ni lah [00:10:41–00:10:43] Sebab itulah dia beza dengan [semak: uncertain words] [00:10:43–00:10:45] Canva tak boleh nak buat macam ni [00:10:45–00:10:46] Nak buat F4 pun boleh [semak: uncertain words, number or amount] [00:10:46–00:10:49] Kadang-kadang saya punya lah banyak pasang nak pakai [semak: uncertain words] [00:10:49–00:10:50] Canva Figma ni [00:10:51–00:10:53] Sampai design pun saya buat dalam ni [semak: uncertain words] [00:10:53–00:10:54] Saya pilih je frame ni [00:10:54–00:10:55] Saya pilih size F4 [semak: number or amount] [00:10:55–00:10:57] Saya buat design dalam ni terus [semak: uncertain words] [00:10:57–00:11:00] Dan benda ni semua sebenarnya [00:11:00–00:11:02] Ada dah template-template dia [00:11:03–00:11:05] Template-template dia dah ada dah [00:11:05–00:11:06] Tapi ni saya jalan basic dululah [semak: uncertain words] [00:11:06–00:11:07] So kenapa apa masuk frame [semak: uncertain words] [00:11:07–00:11:09] Sebab kita nak design dalam ni lah [00:11:09–00:11:11] Contohlah ni website kita [00:11:11–00:11:12] Ini kan versi [semak: uncertain words] [00:11:12–00:11:13] iPhone [00:11:13–00:11:15] Kita buat iPhone 14 [semak: uncertain words, number or amount] [00:11:15–00:11:18] iPhone 14 [semak: uncertain words, number or amount] [00:11:18–00:11:20] So, bila kita design [semak: uncertain words] [00:11:20–00:11:22] Kita akan letak tulisan kat sini [00:11:22–00:11:24] Contoh, kita letak tulisan [00:11:25–00:11:26] Penat [00:11:27–00:11:27] Risau [00:11:28–00:11:28] Anak [00:11:29–00:11:30] Speech [00:11:33–00:11:34] Delay [00:11:34–00:11:35] Tanda soal [00:11:35–00:11:37] So, ni kita boleh centerkan dia [semak: uncertain words] [00:11:37–00:11:38] Boleh tekan kat sini [00:11:38–00:11:39] Ni dia punya control je lah [00:11:39–00:11:40] Boleh centerkan dia [00:11:40–00:11:42] Lepas tu, kita boleh kecikkan [00:11:42–00:11:43] Ni font dia [00:11:43–00:11:44] Kita boleh kecikkan [00:11:44–00:11:45] Kita nak ambil 26 [semak: uncertain words, number or amount] [00:11:46–00:11:47] Lagi kecil sikit [semak: uncertain words] [00:11:47–00:11:49] Kita boleh center kan kat sini [semak: uncertain words] [00:11:49–00:11:51] Kita boleh alignment center [00:11:51–00:11:53] Ataupun saya lagi suka pakai [semak: uncertain words] [00:11:54–00:11:55] Pakai benda ni lah [00:11:55–00:11:57] Benda ni sedang sikit [00:11:57–00:11:58] Untuk kita nak adjust sebetul kan [semak: uncertain words] [00:11:58–00:12:00] Kita center kan dia macam ni [semak: uncertain words] [00:12:00–00:12:02] Resalt nak speech delay [semak: uncertain words] [00:12:02–00:12:04] Lepas tu kita boleh letak gambar [00:12:05–00:12:07] Gambar katalah kita ada gambar nak masukkan [00:12:07–00:12:09] Pergi je dekat mana-mana gambar kita [00:12:10–00:12:11] Katalah ni [00:12:11–00:12:12] Sedat je sini [semak: uncertain words] [00:12:12–00:12:13] Boom [semak: uncertain words] [00:12:13–00:12:14] Terus saya kecilkan sikit [semak: uncertain words] [00:12:14–00:12:15] Sebab dia dah terkeluar [00:12:15–00:12:16] Dia masuk dalam frame [00:12:17–00:12:17] Ok [semak: uncertain words] [00:12:17–00:12:19] Macam ni [00:12:19–00:12:20] Resort anak speech delay [semak: uncertain words] [00:12:21–00:12:21] Lepas tu [00:12:21–00:12:23] Untuk kawak ruang ni [semak: uncertain words] [00:12:23–00:12:24] Saya boleh buat [00:12:25–00:12:25] Satu [00:12:26–00:12:26] Petak [00:12:26–00:12:28] Setelah saya buat satu petak [00:12:28–00:12:29] Saya tarik ke sini ke sini [semak: uncertain words] [00:12:30–00:12:32] Saya boleh tekan right click [00:12:33–00:12:34] Saya right click [00:12:34–00:12:36] Saya bring send to back [00:12:36–00:12:37] Saya nak letak dia kat belakang [00:12:37–00:12:39] Lepas tu saya nak buat [00:12:39–00:12:40] Color petak ni [00:12:40–00:12:40] Background dia [00:12:40–00:12:41] Warna [00:12:43–00:12:44] warna biru [semak: uncertain words] [00:12:47–00:12:47] itulah [00:12:47–00:12:49] warna biru [00:12:49–00:12:50] biru gelap [semak: uncertain words] [00:12:50–00:12:50] ok [semak: uncertain words] [00:12:50–00:12:54] so yang ni saya buat [semak: uncertain words] [00:12:54–00:12:54] warna hitam [00:12:55–00:12:57] so itulah function dia [00:12:57–00:12:59] kita boleh pilih pula [00:12:59–00:12:59] yang ni bold [00:13:00–00:13:02] risau nak speech delay [00:13:03–00:13:04] tu kita boleh copy [semak: uncertain words] [00:13:05–00:13:06] tepis [semak: uncertain words] [00:13:06–00:13:07] so saya tarik jadi dua [semak: uncertain words] [00:13:07–00:13:09] so bolehlah tulis apa-apa [00:13:09–00:13:10] ingat bawah-bawah ni [semak: uncertain words] [00:13:10–00:13:11] so inilah cara dia [00:13:11–00:13:13] jadi bila kita dah design [00:13:13–00:13:13] macam-macam benda [00:13:13–00:13:14] katalah saya tunjuk [00:13:14–00:13:15] Design saya dah siap [semak: uncertain words] [00:13:22–00:13:23] Login [semak: uncertain words] [00:13:24–00:13:25] Login kat [semak: uncertain words] [00:13:25–00:13:27] Satu lagi tempat yang banyak design [00:13:27–00:13:29] Jangan kita tengok [semak: uncertain words] [00:13:29–00:13:30] Semua design-design dah dibuat [00:13:31–00:13:33] Dia menggunakan [00:13:33–00:13:34] Canva [00:13:35–00:13:36] Eh [00:13:37–00:13:37] Figma [semak: uncertain words] [00:13:39–00:13:40] Contohnya macam [00:13:41–00:13:41] Dalam ni [00:13:41–00:13:43] Design-design kita buat ni [00:13:43–00:13:45] Memang nampak macam bodoh-bodoh [00:13:45–00:13:46] Macam jatuh ke jadi [semak: uncertain words] [00:13:46–00:13:48] Okey ke ni kan [semak: uncertain words] [00:13:48–00:13:50] Tapi, bila kau buat belajar lagi detail [semak: uncertain words] [00:13:50–00:13:52] Last kali, kita memang buat design-design macam ni [semak: uncertain words] [00:13:53–00:13:54] Haa, macam ni [semak: uncertain words] [00:13:54–00:13:56] Kita buat [00:13:56–00:13:58] Ni, tulisan, ni semua [semak: uncertain words] [00:13:59–00:14:01] Dalam satu page je [00:14:01–00:14:02] So, kita boleh play [00:14:02–00:14:05] Kita boleh play daripada atas macam ni [semak: uncertain words] [00:14:05–00:14:07] Jangan sedih sudah masuk gue [semak: uncertain words] [00:14:07–00:14:09] Walaupun program aku tak habis, setoran datang lagi [semak: uncertain words] [00:14:10–00:14:11] Haa, ni zaman-zaman dululah [00:14:11–00:14:12] Sedih pula tengok [00:14:13–00:14:15] So, tekan kat sini, kita boleh play [00:14:15–00:14:16] Boleh tekan play [00:14:16–00:14:18] Play ni maksudnya kita nak experience [semak: uncertain words] [00:14:18–00:14:19] Macam mana kalau kita buka kat phone [00:14:20–00:14:21] Itulah kelebihan dia [00:14:21–00:14:24] Maksudnya kalau nak buat canva [semak: uncertain words] [00:14:24–00:14:26] Boat ni nak buka sebelah punya design [semak: uncertain words] [00:14:26–00:14:27] Sebelah punya design yang ni semua dalam satu [00:14:28–00:14:28] Cuma [00:14:28–00:14:30] Dia tak [semak: uncertain words] [00:14:31–00:14:33] Ini ada setting dia lah [semak: uncertain words] [00:14:33–00:14:34] Dia tak centre pula [semak: uncertain words] [00:14:34–00:14:37] Tapi ada setting dia ni kita boleh centrekan dia nanti [semak: uncertain words] [00:14:37–00:14:39] Yang mana bila kita centrekan dia [00:14:39–00:14:40] Kita saksikan kat sini [semak: uncertain words] [00:14:40–00:14:40] Prototype [semak: uncertain words] [00:14:42–00:14:43] Scrolling vertical [00:14:44–00:14:45] Prototype setting [00:14:47–00:14:48] iPhone Pro Max [00:14:48–00:14:49] Ok, saya try [semak: uncertain words] [00:14:50–00:14:51] Tekan play up [semak: uncertain words] [00:14:51–00:15:00] Tak lebih pula dah [00:15:01–00:15:02] Eh, salah [00:15:02–00:15:07] Oh, saya lupa nak select dia [semak: uncertain words] [00:15:07–00:15:08] Ok, saya play sini [semak: uncertain words] [00:15:08–00:15:14] Tak, dia ada setting dia ni [semak: uncertain words] [00:15:14–00:15:15] Nanti saya ajar [00:15:15–00:15:17] Ni ada setting dia, sebab saya pun [semak: uncertain words] [00:15:17–00:15:19] Lupa ni, dia select sini [semak: uncertain words] [00:15:19–00:15:20] Sekejap eh [00:15:22–00:15:23] iPhone [00:15:24–00:15:25] 16 [semak: number or amount] [00:15:26–00:15:28] photo type [semak: uncertain words] [00:15:28–00:15:33] so kita tak setting vertical [semak: uncertain words] [00:15:33–00:15:34] vertical [semak: uncertain words] [00:15:37–00:15:40] phone 16 [semak: number or amount] [00:15:41–00:15:42] ok try sekali [semak: uncertain words] [00:15:42–00:15:46] macam tak jadi [semak: uncertain words] [00:15:48–00:15:50] tapi macam tu lah konsep dia [00:15:50–00:15:52] ok dia sebelum ni jadi [semak: uncertain words] [00:15:52–00:15:53] cuma mungkin setting kat sini kot [00:15:53–00:15:55] zoom to fit screen [00:15:56–00:15:58] ataupun yang ni [00:15:58–00:16:00] kita boleh berubah [00:16:00–00:16:01] lepas setting [semak: uncertain words] [00:16:01–00:16:03] Kita kena check balik lah [semak: uncertain words] [00:16:03–00:16:04] Terus saya buat video tambahan lah [semak: uncertain words] [00:16:04–00:16:05] Kat hujung [semak: uncertain words] [00:16:05–00:16:05] Saya dah discover [semak: uncertain words] [00:16:05–00:16:07] Kenapa dia lari sikit [00:16:07–00:16:08] Tapi point dia [00:16:08–00:16:09] Bila kita play ni [00:16:09–00:16:10] Ataupun kalau kita tak nak play [00:16:10–00:16:11] Macam tu pun [semak: uncertain words] [00:16:11–00:16:12] Kita boleh just scroll manually [00:16:12–00:16:13] Kita dapat rasa dah [00:16:13–00:16:14] Oh macam ni [00:16:14–00:16:15] Kita patut nampak ni [semak: uncertain words] [00:16:15–00:16:16] Patut nampak ni [00:16:16–00:16:17] Patut nampak ni [00:16:17–00:16:18] Dia design yang continuous [00:16:18–00:16:20] Jadi sama kan macam-macam benda [semak: uncertain words] [00:16:20–00:16:21] Kita dah design kat sini [00:16:21–00:16:23] Yang ni sana [semak: uncertain words] [00:16:23–00:16:25] Ni 7 start hiring [semak: number or amount] [00:16:26–00:16:27] Di atas [semak: uncertain words] [00:16:27–00:16:27] Ni dulu [00:16:27–00:16:29] Ini sales page [00:16:29–00:16:31] Kita jual promo sales page dulu [00:16:31–00:16:33] Dan macam-macam benda lah yang kita dah buat [semak: uncertain words] [00:16:33–00:16:35] Dan benda ni semua memang kita buat dalam [semak: uncertain words] [00:16:35–00:16:37] Figma. Kenapa tak buat dalam Canva? Sebab [semak: uncertain words] [00:16:37–00:16:39] Susah nak, kita nak compare kiri kanan [semak: uncertain words] [00:16:39–00:16:41] Susah kan. Contoh [00:16:41–00:16:43] Ada projek yang [semak: uncertain words] [00:16:43–00:16:44] Saya buat, RakuRite [semak: uncertain words] [00:16:45–00:16:47] Carental. So kita design kat sini je [semak: uncertain words] [00:16:48–00:16:49] Kita buat [00:16:50–00:16:51] Sini. Kan tengok [semak: uncertain words] [00:16:51–00:16:53] Jadi barang-barang dia macam ni [00:16:53–00:16:55] Saya design. Ni saya design sendiri [00:16:55–00:16:57] Letak kat sini. Lepas tu kalau kita [00:16:57–00:16:58] Play, kita tengok jadi ke tak jadi [00:16:59–00:17:00] So dia gila juga [00:17:02–00:17:03] Kadang-kadang setting dia dah terkacau [00:17:03–00:17:04] Haa, ni elok pula [semak: uncertain words] [00:17:05–00:17:06] Haa, sebab [00:17:06–00:17:07] Barat ni macam tu lah, scroll [semak: uncertain words] [00:17:09–00:17:10] Atas, bawah [semak: uncertain words] [00:17:10–00:17:10] Macam, ok [semak: uncertain words] [00:17:15–00:17:16] So, benda ni semua dibuat dalam [semak: uncertain words] [00:17:17–00:17:18] Figma [00:17:19–00:17:21] Jadi, benda ni semua ni boleh, boleh kacau ni [00:17:22–00:17:22] Haa, ni [00:17:22–00:17:24] Ni takkan apa ni, buat satu-satu [semak: uncertain words] [00:17:25–00:17:27] Semua benda ni, tak ada apa pun [00:17:27–00:17:29] Gambar-gambar seketul-seketul [00:17:29–00:17:31] Haa, ni semua, sebab [00:17:31–00:17:32] Semua boleh alih [00:17:35–00:17:36] ni semua boleh alih [semak: uncertain words] [00:17:36–00:17:38] jadi semua ni hanyalah design je [00:17:38–00:17:39] memang tak ada apa [semak: uncertain words] [00:17:39–00:17:42] ni hanyalah design [00:17:43–00:17:44] kosong [00:17:45–00:17:47] so itulah maksudnya bila kita buat kat sini [00:17:47–00:17:49] bila kita buat [00:17:49–00:17:51] semua benda ni hanyalah design [00:17:51–00:17:52] bukannya template yang kita [00:17:52–00:17:54] memang daripada design kotak-kotak tu [00:17:55–00:17:57] tercampak masuk sini dan siap [semak: uncertain words] [00:17:57–00:17:59] jadilah sebagai design [00:17:59–00:18:00] so [00:18:01–00:18:02] kita patah balik kat basic tadi tu [semak: uncertain words] [00:18:02–00:18:03] saya nak habiskan [00:18:03–00:18:04] sikit je lagi [semak: uncertain words] [00:18:04–00:18:06] so bawah ni ada fungsi-fungsi dia [semak: uncertain words] [00:18:06–00:18:07] frame sebab dah faham dah [semak: uncertain words] [00:18:07–00:18:07] frame ni untuk apa [00:18:07–00:18:08] untuk buat design [00:18:08–00:18:10] kita nak buat design website [00:18:10–00:18:11] contohlah last lah [00:18:11–00:18:12] saya tunjuk design website [00:18:12–00:18:12] yang kita buat [00:18:14–00:18:15] design website [00:18:15–00:18:16] tadi abang tengok design mobile kan [semak: uncertain words] [00:18:16–00:18:18] saya tunjuk pula design [00:18:18–00:18:19] kalau kita design website [00:18:19–00:18:20] secara horizontal [00:18:21–00:18:22] ada lah kat sini [semak: uncertain words] [00:18:24–00:18:25] ni [semak: uncertain words] [00:18:25–00:18:26] website madat pun [00:18:26–00:18:27] dulu saya buat website madat [semak: uncertain words] [00:18:29–00:18:31] so contohnya macam ni [00:18:32–00:18:33] ni [00:18:33–00:18:34] untuk program 4AM ke lah [semak: uncertain words, number or amount] [00:18:34–00:18:36] so kita design kat sini [00:18:36–00:18:36] properly [00:18:37–00:18:38] Haa ni [semak: uncertain words] [00:18:38–00:18:39] Sekejap [00:18:40–00:18:40] Loading pula [00:18:41–00:18:42] Haa ni ada gambar ni [00:18:42–00:18:43] Loading loading [semak: uncertain words] [00:18:43–00:18:45] Sebab ni ni browser tau [semak: uncertain words] [00:18:45–00:18:46] Dia berat sikit [semak: uncertain words] [00:18:46–00:18:47] Haa [00:18:47–00:18:47] Sebab [semak: uncertain words] [00:18:47–00:18:49] Haa ni tak apa nak cantik lah [semak: uncertain words] [00:18:49–00:18:50] Haa ni ok sikit [semak: uncertain words] [00:18:51–00:18:51] So ni [00:18:51–00:18:52] Kalau kita tekan [00:18:52–00:18:53] Dan kita boleh play [00:18:53–00:18:54] So inilah kelebihan dia [00:18:54–00:18:56] Sebab tu professional designer [00:18:56–00:18:57] Pakai benda ni [00:18:57–00:18:59] Dan awak tak perlu jadi professional sangat pun [00:18:59–00:19:00] Biasa-biasa je [00:19:00–00:19:01] Haa macam ni [00:19:01–00:19:03] So kita design dia [00:19:03–00:19:04] Macam mana dia flow dia kan [00:19:04–00:19:06] Jadi kalau awak nak [00:19:06–00:19:07] Belajar design ni [00:19:07–00:19:08] Memang wajib kena pakai firma [semak: uncertain words] [00:19:09–00:19:09] Dan [00:19:09–00:19:10] Bermula daripada basic [00:19:10–00:19:11] Yang saya cakap tadi tu [00:19:12–00:19:12] Okay [semak: uncertain words] [00:19:12–00:19:13] So kita sama balik [semak: uncertain words] [00:19:13–00:19:14] Sebab tu ada frame [00:19:14–00:19:15] Kita boleh pilih [semak: uncertain words] [00:19:15–00:19:16] Lepas tu ni adalah [00:19:16–00:19:18] Benda-benda star-star apa semua ni [00:19:18–00:19:18] Awak pilih lah sendiri [00:19:19–00:19:20] Gambar ni tak payah pakai pun [00:19:20–00:19:21] Placeholder ni [00:19:21–00:19:22] Awak drag and drop je [00:19:22–00:19:23] Kalau awak ada gambar kan [00:19:23–00:19:24] Sebab apa gambar pun [semak: uncertain words] [00:19:24–00:19:25] Awak tarik je [00:19:25–00:19:26] Macam ni ha [semak: uncertain words] [00:19:26–00:19:27] Tarik je gambar [00:19:27–00:19:28] Dah masuk [00:19:28–00:19:28] Settle [semak: uncertain words] [00:19:28–00:19:29] Okay [00:19:29–00:19:30] Lepas tu next [00:19:30–00:19:31] Yang ni pula adalah pen [00:19:31–00:19:33] Pen ni kalau awak just nak macam [semak: uncertain words] [00:19:33–00:19:34] Not draw [semak: uncertain words] [00:19:35–00:19:36] Draw macam ni [00:19:36–00:19:38] ni awak boleh explore sendirilah [semak: uncertain words] [00:19:38–00:19:39] kita tekan pangkah [semak: uncertain words] [00:19:41–00:19:42] jadilah fill tu kita boleh masukkan [semak: uncertain words] [00:19:42–00:19:44] dia punya stroke ni [00:19:44–00:19:46] luaran dia, fill ni kita boleh tekan [00:19:46–00:19:48] plus, kita boleh masukkan colour [00:19:48–00:19:49] macam ni contohnya [00:19:50–00:19:52] next pula kita ada apa, kita ada tulisan [semak: uncertain words] [00:19:52–00:19:53] tulisan kita boleh tulis [00:19:55–00:19:56] tulisan, ataupun kita boleh [00:19:56–00:19:58] tekan tulisan, kita boleh tarik macam ni [00:19:58–00:20:00] jadi kotak besar pula, tu pun satu benda [semak: uncertain words] [00:20:00–00:20:02] juga, lepas tu ni tak pakai [00:20:02–00:20:04] ni pun saya tak pakai, ni pun saya tak pakai, ni pun saya tak pakai [00:20:04–00:20:06] Ni jarang lah draw ni pun [semak: uncertain words] [00:20:06–00:20:08] Jarang lah saya pakai [semak: uncertain words] [00:20:09–00:20:10] Untuk draw kan [00:20:12–00:20:12] Jarang lah [00:20:12–00:20:14] Saya tak pakai lah biasanya draw ni [00:20:14–00:20:16] Tapi kalau nak pakai boleh je [00:20:16–00:20:17] Tak ada masalah pun [00:20:18–00:20:20] Saya pakai mouse [00:20:20–00:20:21] Untuk draw [00:20:21–00:20:23] So ni kalau nak draw pun boleh draw sini [semak: uncertain words] [00:20:23–00:20:25] Tapi biasanya lah kalau atas saya [semak: uncertain words] [00:20:25–00:20:27] Yang kita memang confirm akan pakai [00:20:27–00:20:29] Adalah yang ni [00:20:33–00:20:34] Saya tekan balik yang ni [semak: uncertain words] [00:20:34–00:20:35] Sebab ni untuk rukis [semak: uncertain words] [00:20:35–00:20:36] Yang ni untuk [00:20:36–00:20:37] Mata balik dekat yang tadi [semak: uncertain words] [00:20:37–00:20:39] Kita memang confirm [00:20:39–00:20:39] Akan pakai [semak: uncertain words] [00:20:39–00:20:40] Yang pangan ni [semak: uncertain words] [00:20:40–00:20:41] Lepas tu kita confirm [00:20:41–00:20:43] Akan pakai frame ni [00:20:43–00:20:44] Lepas tu kita confirm [00:20:44–00:20:45] Akan pakai kotak-kotak ni [00:20:45–00:20:47] Lepas tu kita confirm [00:20:47–00:20:48] Akan pakai pen [00:20:48–00:20:49] Pen banyak kita pakai [00:20:49–00:20:49] Pen [semak: uncertain words] [00:20:49–00:20:50] Lepas tu dengan text [00:20:50–00:20:51] Ok [semak: uncertain words] [00:20:51–00:20:52] Belah kanan ni pula adalah [00:20:56–00:20:57] Belah kanan ni pula adalah [00:20:57–00:20:58] Dia punya [00:20:58–00:20:59] Setting je lah [semak: uncertain words] [00:20:59–00:21:00] Want to actualize [semak: uncertain words] [00:21:00–00:21:01] Ni semua belah kanan ni [semak: uncertain words] [00:21:01–00:21:02] Setting dia [00:21:02–00:21:02] Ok [00:21:02–00:21:03] Belah kiri ni pula [00:21:03–00:21:04] Adalah layer dia [00:21:04–00:21:06] Contoh kalau saya tepek ni [00:21:07–00:21:07] Perasan tak [00:21:07–00:21:08] Line ni di atas [00:21:08–00:21:09] So [00:21:09–00:21:10] Mana benda ni [semak: uncertain words] [00:21:10–00:21:11] Benda ni dekat sini [semak: uncertain words] [00:21:11–00:21:13] Yang ni dekat atas [00:21:13–00:21:14] So kalau saya alih ni [00:21:14–00:21:15] Naikkan ke atas [00:21:16–00:21:17] Tertimbus ada [00:21:17–00:21:18] So ini adalah layer sahaja [00:21:18–00:21:19] Lepas tu [00:21:19–00:21:20] Ini page 1 [semak: uncertain words, number or amount] [00:21:20–00:21:22] Awak boleh buat satu lagi page [semak: uncertain words] [00:21:22–00:21:22] Plus [00:21:22–00:21:23] Boleh buat page 2 [semak: number or amount] [00:21:24–00:21:25] So ni line-line page ni [semak: uncertain words] [00:21:25–00:21:27] Sebab tu dia ada banyak page [00:21:27–00:21:28] So kita boleh buat page 1 [semak: uncertain words, number or amount] [00:21:28–00:21:29] Page 2 [semak: number or amount] [00:21:29–00:21:29] Page 3 [semak: number or amount] [00:21:29–00:21:30] Page 4 [semak: number or amount] [00:21:31–00:21:33] Boleh buat banyak-banyak page kat sini [00:21:33–00:21:34] Dan dia auto save [semak: uncertain words] [00:21:34–00:21:35] Awak tak perlu risau [00:21:35–00:21:36] Ok jadi [semak: uncertain words] [00:21:36–00:21:37] Kalau awak nak belajar lagi detail [00:21:37–00:21:40] Saya memang tak dapat nak cover advance lah [00:21:40–00:21:41] Ini just memang purely basic sahaja [semak: uncertain words] [00:21:41–00:21:43] Sebab kita nak pergi pada video yang seterusnya [00:21:43–00:21:46] Awak kena tengok video dekat YouTube [00:21:46–00:21:47] Okay pergi dekat YouTube [semak: uncertain words] [00:21:47–00:21:48] Type je Figma tutorial [00:21:48–00:21:52] Dan awak kena tengok simple video [semak: uncertain words] [00:21:52–00:21:52] Macam ni [00:21:52–00:21:54] Ni bagus juga ni [semak: uncertain words] [00:21:54–00:21:54] Flux ni [00:21:54–00:21:56] 13 minit crash course [semak: number or amount] [00:21:56–00:21:58] Tapi Yahudi pula amat ni [semak: uncertain words] [00:21:58–00:21:59] Ambil orang lain lah [00:22:00–00:22:01] Ambil yang [00:22:02–00:22:03] Contoh macam ni [00:22:03–00:22:04] Oh ni sejam pula dah [semak: uncertain words] [00:22:04–00:22:05] Sejam lah [00:22:05–00:22:06] Tak nak belajar boleh ha ni [semak: uncertain words] [00:22:06–00:22:06] Bagus ha ni [00:22:06–00:22:07] Sejam belajar [00:22:07–00:22:09] Fikmah, apa salah ni lah hidup [semak: uncertain words] [00:22:09–00:22:11] Nak pakai 10 tahun, ajar je lah [semak: number or amount] [00:22:11–00:22:12] Fikmah sejam, apa salah ni [00:22:13–00:22:15] Tu tengok benda-benda lain [00:22:15–00:22:17] Ataupun awak nak buat, yang ni [semak: uncertain words] [00:22:17–00:22:19] 24 minit, so macam-macam [semak: uncertain words, number or amount] [00:22:19–00:22:20] Benda awak boleh belajar [00:22:21–00:22:30] So dia explain lebih detail [semak: uncertain words] [00:22:30–00:22:32] Jadi saya nak awak bermula je dengan [semak: uncertain words] [00:22:32–00:22:34] Saya, tapi awak kena habiskan dengan video-video [semak: uncertain words] [00:22:34–00:22:35] Dekat YouTube, saya memang takkan sempat [00:22:35–00:22:37] Untuk buat apa-apa video-video tambahan detail untuk [00:22:37–00:22:40] Fikmah ni, so tolong discover [semak: uncertain words] [00:22:40–00:22:41] Sendiri, ok [00:22:41–00:22:44] Jadi kalau kita patah balik, apa yang kita nak capai [semak: uncertain words] [00:22:44–00:22:46] sebenarnya saya nak awak install je Figma ni [00:22:46–00:22:48] free software dan boleh gunakan dia [00:22:48–00:22:49] pada bila-bila masa awak berada [00:22:49–00:22:52] dan next dalam video yang [00:22:52–00:22:53] selanjutnya, kita nak pergi kepada asas [00:22:53–00:22:55] web design, saya nak tunjukkan awak [00:22:55–00:22:56] daripada skeleton [00:22:56–00:22:59] menjadi first draft, low fidelity [00:22:59–00:23:01] menjadi high [00:23:02–00:23:03] definition, HD [00:23:03–00:23:05] ataupun high fidelity [00:23:05–00:23:07] maksudnya dia full design, dia macam [semak: uncertain words] [00:23:07–00:23:09] ada 3 fasa tau bila kita buat design [semak: uncertain words, number or amount] [00:23:09–00:23:11] daripada skeleton [00:23:11–00:23:13] kepada first draft [00:23:13–00:23:14] Kepada finish [00:23:14–00:23:16] So kita akan tengok dalam video [semak: uncertain words] [00:23:16–00:23:17] Yang seterusnya [00:23:17–00:23:18] Zaz [semak: uncertain words]