# ini saya (blogs) — RSS Amplifier Recent posts from the 1 feeds in the RSS Amplifier directory that cover ini saya. Page: Feed: --- ## [A Beginner Designer’s Checklist Before Starting a Web3 Project](https://afnizarnur.com/writing/a-beginner-designer-s-checklist-before-starting-a-web3-project) _2026-06-06 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [Fixing OpenRouter Latency with Cloudflare Worker Region Pinning](https://afnizarnur.com/writing/fixing-openrouter-latency-with-cloudflare-worker-region-pinning) _2026-04-09 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [Mana yang Lebih Worth It Figma MCP vs Figma Console MCP?](https://afnizarnur.com/writing/mana-yang-lebih-worth-it-figma-mcp-vs-figma-console-mcp) _2026-04-08 · Afnizar Nur Ghifari, Digital Product Designer_ 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,… ## [Pretext and the Problem I Didn't Know Existed](https://afnizarnur.com/writing/pretext-and-the-problem-i-didn-t-know-existed) _2026-04-05 · Afnizar Nur Ghifari, Digital Product Designer_ 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 Built a Home for the Work That Lives in Slack](https://afnizarnur.com/writing/i-built-a-home-for-the-work-that-lives-in-slack) _2026-03-25 · Afnizar Nur Ghifari, Digital Product Designer_ 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.… ## [Making the Logo Grid Not Look Terrible](https://afnizarnur.com/writing/making-the-logo-grid-not-look-terrible) _2026-03-20 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [Cara Saya Menyinkronkan Skills di Claude Code, Codex, dan Opencode](https://afnizarnur.com/writing/cara-saya-menyinkronkan-skills-di-claude-code-codex-dan-opencode) _2026-03-13 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [Flexbox Bukan Jawaban untuk Semua Masalah Layout](https://afnizarnur.com/writing/flexbox-bukan-jawaban-untuk-semua-masalah-layout) _2026-03-07 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [Automating OG Images in Next.js](https://afnizarnur.com/writing/automating-og-images-in-next-js) _2026-03-04 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [Design Is Not Enjoyable Anymore... or Is It?](https://afnizarnur.com/writing/design-is-not-enjoyable-anymore-or-is-it) _2026-03-02 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [AI Summaries & Audio Briefings (Sponsored)](https://crawlproof.com/a/MDQwkv0mXpam) _2026-03-02 · **Sponsored**_ Read AI summaries and listen to concise audio briefings for the latest stories. ## [Shiki for Syntax Highlighting in Next.js](https://afnizarnur.com/writing/shiki-for-syntax-highlighting-in-next-js) _2026-02-28 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [Apa itu Skills pada AI Agents?](https://afnizarnur.com/writing/apa-itu-skills-pada-ai-agents) _2026-02-24 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [AI, AI, AI Gue Pikirin (AGP)](https://afnizarnur.com/writing/ai-ai-ai-gue-pikirin-agp) _2026-02-18 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [Why I’m Rebuilding My Site (Again)](https://afnizarnur.com/writing/why-i-m-rebuilding-my-site-again) _2026-02-14 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [Rapor Pendidikan for School](https://afnizarnur.com/work/rapor-pendidikan-for-school) _2026-01-27 · Afnizar Nur Ghifari, Digital Product Designer_ 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… ## [Pensil Ajaib](https://afnizarnur.com/work/pensil-ajaib) _2025-10-11 · Afnizar Nur Ghifari, Digital Product Designer_ 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…