← Back to list

Transformasi UI Design Figma ke HTML CSS — Pengalaman Baru Menjadi Tentor di Workshop HMIF

Terkadang, hidup membawa kita pada jalan yang diluar dugaan. Begitulah yang terjadi padaku ketika aku tiba-tiba dipanggil sama Rayhan …

Jehian · 2024-01-13 02:21 · 0 claps · 3.0 min read
#pembicara #workshop #figma #hmif #unsoed
Open on Medium ↗
Wiki topics: UX · UI/UX Design TLS · Design Tools & Workflow 🌐 · Web Development

Transformasi UI Design Figma ke HTML CSS — Pengalaman Baru Menjadi Tentor di Workshop HMIF

Workshop/HMIF Unsoed

Workshop/HMIF Unsoed

Tiba-tiba Dipanggil Rayhan Buat Jadi Tentor😱

Terkadang, hidup membawa kita pada jalan yang diluar dugaan. Begitulah yang terjadi padaku ketika aku tiba-tiba dipanggil sama Rayhan untuk menjadi tentor dalam workshop Slicing Figma UI Design To HTML CSS yang diadakan oleh HMIF (Himpunan Mahasiswa Informatika) Universitas Jenderal Soedirman setelah perkuliahan Kecerdasan Buatan kala itu.

Awalnya, aku sedikit shock dan ragu. Namun, setelah dipikir kembali, kesempatan ini seperti peluang membuka path yang belum pernah aku sentuh sebelumnya. Jadi, dengan semangat membara, aku menerima tantangan tersebut.

Persiapan Sebelum Workshop📚

Sebelum workshop, aku mempersiapkan diri dengan mempelajari materi yang akan disampaikan. Aku juga menyiapkan beberapa contoh desain Figma yang akan diubah menjadi kode HTML dan CSS agar peserta memiliki pengalaman praktis yang berguna.

Tak lupa, aku menyiapkan beberapa tips & trik yang bisa membantu peserta dalam proses design & coding. Tujuannya agar mereka dapat mengembangkan keterampilan dengan lebih efisien dan efektif.

Workshop Dimulai! 💫

Hari yang dinanti akhirnya tiba! Di Ruang F.213 Fakultas Teknik UNSOED dipenuhi oleh 30 peserta yang bersemangat dan siap untuk berkenalan dengan desain tampilan dan pengembangan web.

Setelah membuka acara dengan sambutan hangat, aku memulai sesi workshop dengan memberikan pengantar singkat tentang Figma dan mengapa alat ini begitu populer di kalangan desainer UI/UX.

Kemudian, aku mendemonstrasikan cara mengekspor desain Figma menjadi aset yang siap untuk dikode dalam HTML dan CSS. Para peserta mengamati dengan cermat, mencatat setiap langkah penting.

Demo, Mengubah Desain Menjadi Kode 💻

Setelah penjelasan teori, tiba saatnya untuk praktik langsung. Aku membagikan desain Figma yang telah disiapkan sebelumnya, dan para peserta mulai mengubahnya menjadi kode HTML dan CSS yang fungsional.

Selama sesi praktik, aku berkeliling untuk memastikan setiap peserta mendapat bimbingan yang dibutuhkan. Ada beberapa pertanyaan yang muncul, tetapi aku dengan senang hati menjelaskan setiap langkah dengan sabar dan terperinci.

Hasil Karya yang Menakjubkan 🏆

Setelah hari pertama belajar materi, pada hari kedua para peserta akhirnya menyelesaikan proyek mereka. Aku kagum melihat hasil karya mereka yang begitu keren.

Beberapa peserta bahkan berhasil menambahkan sentuhan kreatif pada desain mereka, membuatnya terlihat lebih menarik dan unik. Aku merasa bangga melihat semangat belajar dan kreativitas yang mereka tunjukkan.

Untuk memberikan apresiasi, aku mengadakan sesi penilaian dan mengumumkan 3 pemenang terbaik dari tugas desain yang diberikan serta pemberian hadiah dari HMIF untuk pemenang sebagai tanda apresiasi atas kerja keras mereka.

Refleksi, Pentingnya Berbagi Ilmu 💡

Setelah workshop selesai, aku menerima banyak feedback positif dari para peserta dan HMIF mengenai materi dan keefektifan workshop yang telah diadakan. Ini membuatku semangat dan merasa bahwa usaha yang telah dilakukan sangat berharga.

Pengalaman ini mengingatkanku pada pentingnya berbagi ilmu dan membantu orang lain dalam proses belajar mereka. Sebagai sesama pembelajar, aku merasa memiliki tanggung jawab untuk menyalurkan pengetahuan dan keterampilan yang telah kudapatkan di perkuliahan maupun diluar.

“Ilmu tak akan berkurang dengan dibagi, justru akan terus bertambah saat kita membaginya.” — Petuah lama yang selalu kuingat.

Kesimpulan🌟

Pengalaman menjadi tentor dalam workshop Slicing Figma UI Design To HTML CSS ini benar-benar tak terlupakan. Aku tidak hanya berbagi ilmu tetapi juga belajar banyak dari para peserta yang antusias dan bersemangat.

Melihat para peserta berhasil menyelesaikan tugas yang aku berikan itu memberi kepuasan tersendiri bagiku. Ini membuktikan bahwa dengan bimbingan yang tepat, setiap orang dapat mengembangkan keterampilan baru dan mencapai hasil yang lebih baik.

Jika kamu ada kesempatan untuk menjadi tentor workshop atau pembicara pada event lain, jangan ragu untuk mencobanya. Ini adalah pengalaman yang sangat berharga dan dapat memberikan dampak positif bagi orang lain serta diri kamu sendiri.

Semoga kisah ini dapat menginspirasi kalian semua untuk terus belajar, berbagi, dan meraih kesuksesan dalam perjalanan karir kalian ambil!


메타데이터
post_id
4eec2385e513
slug
halo-medium-memulai-dengan-langkah-kecil-4eec2385e513
url
https://medium.com/@sendomoka/halo-medium-memulai-dengan-langkah-kecil-4eec2385e513
canonical_url
https://medium.com/@sendomoka/halo-medium-memulai-dengan-langkah-kecil-4eec2385e513
author_url
https://medium.com/@sendomoka
status
ok
fetched_at
2026-07-24 14:48:18