Digital product designer, design engineer, and frontend developer from Indonesia, crafting interfaces and tools that bring structure and clarity to complex problems.
Web3 is often described as the next generation of the internet: more decentralized, with users having greater control over their own data and digital assets. It sounds exciting and, for me, it feels like a new wild animal in town. Behind all the jargon that comes with it, there’s a huge design challenge we can ask ourselves as designers: How do we make these new concepts understandable for…
Welcome in another technical note where I write my problem of doing things, and write the solution to capture the trail! So basically, I ran into an issue when my team reported that generating placeholders with Pensil Ajaib sometimes failed. It was not rare; enough requests we dropping that I got affected too, so I started debugging. At first I thought maybe the rate limiter was too strict or…
Dengan AI yang mulai merambah tidak hanya ke workflow developer tapi juga ke cara kerja desainer sehari-hari, ada satu pertanyaan yang sering muncul: Bagaimana caranya supaya AI benar-benar "mengerti" design system kita, bukan sekadar menebak-nebak dari modal screenshot ? Jawabannya ada di Model Context Protocol sebuah standar protokol yang memungkinkan AI terhubung langsung ke tools eksternal,…
I have been building web and mobile UI for a while and… I thought I had a decent reads on how browsers actually work under the hood. Then I came across Pretext last week and found out I’d been wrong about something for years without even knowing to question it. So basically, every time a browser needs to know how tall a block of text is, reading that measurement can trigger a layout recalculation,…
I was listening to Brian Lovin talk about how the Notion design team built an internal playground for prototypes — a space to create, store, and showcase work, with AI in the mix. Halfway through the episode I had to pause it. I think we need something like this. At INA Digital Edu, we've been doing something like this for over a year now. Our designers have been building prototypes with AI.…
I was working on the landing page and got to the "trusted by" section — the client logo wall every startup or agency site has. Shouldn't take long, I thought. Just drop in the logos, arrange them, done. I pulled them from wherever I could find them from brand kits, Google image searches, PDFs converted to PNG — and dropped them into a Figma frame. Some logos looked like billboard ads. Some looked…
Beberapa hari ini saya sedang rajin mengkoleksi skills di Claude Code maupun Opencode — karena sangat membantu sekali dalam workflow pembuatan tools dan produk yang sedang saya kerjakan. Tapi di proses pengumpulan ini, makin lama makin berantakan. Tiap kali berpindah agents, saya perlu install skills dari awal lagi. Contohnya, saya utamanya pakai Claude Code, tapi pas ingin mencoba Codex, ya harus…
S atu dua keluarga kodok, tiap hari bikin layout pakai Flexbox Semenjak Flexbox hadir di tahun 2015, layouting menggunakan CSS semakin dipermudah. Penggunaan float yang dulu jadi momok dan saking rapuhnya untuk bikin layout yang stabil di setiap breakpoint—akhirnya punya pengganti yang lebih manusiawi. Web designer pada saat itu bersujud syukur. Sebelum Flexbox dan Grid Eksis Pengembang web yang…
There is a specific kind of dissapointment when you share a link and it shows up as a blank gray box–no image, no context, just a bare URL. I have been there more times than I’d like to admit. Back in 2020, I was excited I found a tutorial that we can set a “social preview image” to our website. So I was determined to try it. For every blog post I published, I’d manually design a social preview…
Designing has never been faster. We can generate layouts in seconds. We can prototype entire flows in minutes. AI writes copy, suggests visuals, adjusts spacing, and even debates typography choices with us. The friction is gone. Did we actually enjoy the process.. or did we just enjoy getting things done? Somewhere between velocity and efficiency, something feels different. And I am not sure we’re…
When building the writing page for my site, I wanted code blocks that felt polished and professional without sacrificing performance. I needed a solution that was easy to customize and simple to implement, yet kept the site feeling fast. After weighing the usual suspects, I landed on Shiki . Here’s why it changed the way I think about code on the web. The Problem with Client-Side Highlighting Most…
Tidak hanya manusia yang bisa ber-skill, AI ternyata bisa punya skill. Terminologi baru sebenarnya tidak terasa benar-benar baru. Tapi, semuanya jadi lebih formal sejak Anthropic merilis fitur Skills . Secara sederhana, ini adalah cara baru kita berinteraksi dengan AI: bukan lagi sekadar tanya-jawab acak, tapi memanggil "keahlian" spesifik yang sudah kita tanamkan. Alih-alih repot copy-paste…
Belakangan ini, saya sering merasa jenuh setiap kali membuka media sosial. Entah itu saat sedang scrolling santai di X (Twitter), Threads atau LinkedIn, rasanya seperti sedang masuk ke sebuah pabrik mesin tulisan raksasa. Semuanya serba “bau AI”. Saya menemukan banyak sekali postingan motivasi yang susunan kalimatnya sangat rapi, tapi entah kenapa, saat dibaca rasanya kosong–seperti tidak ada…
If you scroll down to the footer of my site and see the version dropdown or timeline, that’s my little tradition. Every year, I tear down my personal site from the ground up—from designing in Figma, handwriting the code, and deploying it to production. 2026 feels very different from other years. AI is approaching us so fast, and suddenly I have extra hands and extra eyes to build things I never…
Empowering Education through Data Rapor Pendidikan is a platform that provides comprehensive data and evaluation reports from National Assessment for educational institutions. By utilizing valuable insights from the National Assessment (AN), which includes assessments of Minimum Competency (AKM), Character Surveys, and Learning Environment Surveys, Rapor Pendidikan 2.0 offers a comprehensive…
Overview In public service products, placeholder copy is not just a design inconvenience but it actively misleads stakeholders. When non-technical reviewers see lorem ipsum or generic labels in a government flow, they either skip feedback entirely or misread the product's intent. Either way, real decisions get delayed. Pensil Ajaib is an internal Figma plugin I built to solve this for our team. It…
Aksesibilitas itu bukan hanya tentang aplikasi web dan ponsel, tetapi juga untuk file format paling populer di muka bumi, Portable Document Format (PDF). Beberapa bulan terakhir ini, saya sedang terlibat mengerjakan proyek yang berhubungan dengan Portable Document Format (PDF) di GovTech Edu . Mengingat proyek ini akan diakses secara oleh khalayak luas dari berbagai latar belakang, salah satu…
Kalau kamu pernah hidup di era BBM, pasti langsung ngerti begitu lihat Instagram Notes. Rasanya seperti dejà vu. Siapa yang tidak ingat masa keemasan Blackberry Messenger? Statusnya itu lho, sepenggal teks singkat yang entah kenapa bisa menyampaikan banyak hal: lagi di mana, lagi dengerin lagu apa, atau penuh kode tersamar buat si gebetan. Sekarang Instagram meluncurkan Notes , dan buat kita yang…
Portfolio is an important thing for designer. It helps communicate how designer work and the output of the work. Recruiter is always referred to the portfolio of designer if a team want to work with the designer or not. For me personally, portfolio is a place in the corner of the internet that you can do anything you want. Experimenting things or just showcase your work. It’s totally awesome to…
In this situation of COVID-19 pandemic, to stay sane and to stay productive, we've to keep doing that makes us happy, so it will maintain our mental health is on track. There a lot of things that can help, for example, by doing our hobbies, writing, reading, playing games, volunteering, or doing side project! Yes, another side project 😂. Announcing my newest side project desain.link ! What is…
In this post, I will tell you some of the things behind the personal website refresh. But most of the reason is about giving back to community . Design tools I use Designer, I know you love tools, and we know you also love the design process. I will share my design process for building portfolio in another post, so don't worry. In this project, I use the power combo of Sketch and Abstract…
When I started self-taught design in 2013–in vocational high school, I remembered that learning resources with the Indonesian language are very few. Some examples there are Jurus Grafis that managed by Richard Fang , Jaka Zulham , and majuter.us by Leo Ari Wibowo . But unfortunately, all of the websites I mentioned is no longer active. Language barriers make me obliged to learn more English.…