Kelas Online
Figma to Framer Masterclass: Professional Website Landing Page
Build a high quality website without coding and fast
Release date December 2022
Last updated November 2023
Member
152 enrolled
Tingkatan
Sertifikat
Konsultasi
31 lessons (6.53 hours)
Develop Your Skills
Framer hadir untuk membantu UI/UX designer, website developer, dan business owner untuk membuat website yang berkualitas tinggi tanpa harus menggunakan koding atau ilmu programming. Kita mulai review hasil design di software Figma lalu setelah itu lanjut kepada proses development menggunakan Framer sehingga design tersebut dapat digunakan pengguna dengan baik secara online.
Bersama dengan mentor Herdetya, kita akan menciptakan sebuah portfolio yang sesuai standard website developer sehingga nanti dapat digunakan sebagai modal bekerja sebagai UI Engineer atau Website Developer pada perusahaan internasional. Namun juga tidak menutup kemungkinan hasil portfolio tersebut digunakan untuk modal Freelancer.
Kelas ini cocok sekali apabila kamu seorang designer yang ingin level up dan memiliki skills yang menjadi nilai tambah dari designer lainnya, silahkan bergabung dan kami akan tunggu di kelas.
Perfect place to begin your career development.
BuildWith Angga.
Key Points
Convert design di Figma ke template HTML CSS
Belajar bikin website landing page tanpa ilmu coding
Designed For
Untuk designer yang ingin level up skills
Untuk designer yang ingin belajar low code development
Course Lessons
Learn With Expert
![Mentor Herdetya](https://buildwithangga.com/storage/assets/images/avatars/Herdetya.png)
Herdetya
UX Designer
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Featured Projects
0 Hasil karya terbaik di kelas Figma to Framer Masterclass: Professional Website Landing Page
Belum ada hasil karya
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 550,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
![Kelas Intro to Design System di BuildWithAngga](/storage/assets/thumbnails/hvr3ylwv-kelas online intro to design system for ui ux designer with figma buildwith angga.png)
Intro to Design System
![Kelas Complete UI Designer : User Flow, Visual Design, Prototype di BuildWithAngga](/storage/assets/thumbnails/f5co1f30-Cover.png)
Complete UI Designer : User Flow, Visual Design, Prototype
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
![Foto kelas Figma to Framer Masterclass: Professional Website Landing Page](/storage/assets/image_course_screenshoots/edI8hlxxfseY4VSYjQy9vzlPPrYKmEGnlngShswo.webp)
![Foto kelas Figma to Framer Masterclass: Professional Website Landing Page](/storage/assets/image_course_screenshoots/qNCPtKVRP7yXT2k6Rg9ojZk5xSL6XzggHF8hrOhj.webp)
![Foto kelas Figma to Framer Masterclass: Professional Website Landing Page](/storage/assets/image_course_screenshoots/O43xbTHojevk5pHwKhB0eKvODe9uJtVu4JgHT1Ji.webp)
![Foto kelas Figma to Framer Masterclass: Professional Website Landing Page](/storage/assets/image_course_screenshoots/QvuHMHLyFnuL8f6dr6ddeEGXDngWUJs6qlkqmwUD.webp)
![Foto kelas Figma to Framer Masterclass: Professional Website Landing Page](https://img.youtube.com/vi/EOxtLzTXuVw/hqdefault.jpg)
![Foto kelas Figma to Framer Masterclass: Professional Website Landing Page](/storage/assets/image_course_screenshoots/edI8hlxxfseY4VSYjQy9vzlPPrYKmEGnlngShswo.webp)
![Foto kelas Figma to Framer Masterclass: Professional Website Landing Page](/storage/assets/image_course_screenshoots/qNCPtKVRP7yXT2k6Rg9ojZk5xSL6XzggHF8hrOhj.webp)
![Foto kelas Figma to Framer Masterclass: Professional Website Landing Page](/storage/assets/image_course_screenshoots/O43xbTHojevk5pHwKhB0eKvODe9uJtVu4JgHT1Ji.webp)
![Foto kelas Figma to Framer Masterclass: Professional Website Landing Page](/storage/assets/image_course_screenshoots/QvuHMHLyFnuL8f6dr6ddeEGXDngWUJs6qlkqmwUD.webp)
Figma to Framer Masterclass: Professional Website Landing Page
Build a high quality website without coding and fast
-
Project Overview6 minutes
-
Setting Grid7 minutes
-
Style Guide17 minutes
-
Wireframe26 minutes
-
Hifi Header16 minutes
-
Hifi Section 2&310 minutes
-
Hifi Section 4&56 minutes
-
Hifi Section 6 & Footer9 minutes
-
Hifi Responsive18 minutes
-
Framer Overview14 minutes
-
Framer Feature12 minutes
-
Layouting27 minutes
-
Carousel, Ticker, Slideshow14 minutes
-
Premade Components15 minutes
-
Text Styles9 minutes
-
Color Styles4 minutes
-
Header16 minutes
-
Section 213 minutes
-
Section 311 minutes
-
Section 3 Components8 minutes
-
Section 414 minutes
-
Section 58 minutes
-
Section 615 minutes
-
Footer6 minutes
-
Navbar6 minutes
-
Framer Responsive41 minutes
-
Review & Publish8 minutes
-
Animation Header12 minutes
-
Animation Section 2&38 minutes
-
Animation Section 4&56 minutes
-
Animation Section Footer & End10 minutes
Framer hadir untuk membantu UI/UX designer, website developer, dan business owner untuk membuat website yang berkualitas tinggi tanpa harus menggunakan koding atau ilmu programming. Kita mulai review hasil design di software Figma lalu setelah itu lanjut kepada proses development menggunakan Framer sehingga design tersebut dapat digunakan pengguna dengan baik secara online.
Bersama dengan mentor Herdetya, kita akan menciptakan sebuah portfolio yang sesuai standard website developer sehingga nanti dapat digunakan sebagai modal bekerja sebagai UI Engineer atau Website Developer pada perusahaan internasional. Namun juga tidak menutup kemungkinan hasil portfolio tersebut digunakan untuk modal Freelancer.
Kelas ini cocok sekali apabila kamu seorang designer yang ingin level up dan memiliki skills yang menjadi nilai tambah dari designer lainnya, silahkan bergabung dan kami akan tunggu di kelas.
Perfect place to begin your career development.
BuildWith Angga.
read moreHappy Students
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT