Diperbarui 9 Februari 2026 2 menit baca design
Designer yang Nggak Paham Medium-nya Itu Pelukis yang Nggak Paham Kanvas
Grid dan Flex itu bahasa dasar layout web. Designer yang nggak paham constraint medium-nya bikin karya yang cuma bagus di Figma, nggak di dunia nyata.
Core Thesis
Designer yang nggak paham constraint dasar medium yang mereka design-in — Grid, Flex, responsive behavior — itu kayak pelukis yang nggak paham sifat kanvas dan catnya. Hasilnya: karya yang cuma bagus di kepala sendiri, tapi nggak bisa exist di dunia nyata.
Problem: Design yang Nggak Buildable
Grid dan Flexbox bukan advanced engineering. Itu bahasa dasar layout web — setara dengan typography hierarchy atau color contrast di ranah visual. Tapi banyak designer yang skip ini dan langsung lompat ke “strategy” (persona, journey map, problem statement).
Hasilnya predictable:
- Design “pixel perfect” di Figma tapi impossible to implement tanpa hack
- Nggak paham kenapa spacing berubah di responsive — karena nggak ngerti flow direction dan wrapping
- Layout yang engineer harus reverse-engineer: “ini grid? flex? absolute positioning random?”
- Handoff yang jadi translation exercise, bukan collaboration
Ironi: Figma Sudah Ngajarin Ini
Auto Layout di Figma itu literally Flexbox mental model — direction, gap, padding, alignment, wrap. Designer yang paham Auto Layout dengan benar sebenernya sudah paham Flex tanpa sadar.
Tapi banyak yang pakai Auto Layout asal jadi juga. Sama kayak orang yang bisa pakai Excel tapi nggak paham logic di balik formula-nya — functional tapi fragile.
Kenapa Ini Makin Urgent di Era AI
Jenny Wen (Design Lead Anthropic): “Your work has to be better than what AI can one-shot prompt for you to be valuable.”
Tools kayak v0, Claude Artifacts, dan Bolt bisa generate layout yang:
- Responsive
- Structurally sound (proper Grid/Flex usage)
- Accessible baseline
Kalau output AI sudah paham Grid dan Flex, designer yang nggak paham itu literally di bawah baseline AI output. Raised floor-nya bikin gap ini makin obvious.
Bukan Harus Jadi Engineer, Tapi Paham Constraint
Ini bukan soal designer harus bisa nulis production code. Ini soal craft literacy:
| Nggak perlu bisa | Tapi harus paham |
|---|---|
| Nulis CSS Grid dari scratch | Kapan layout butuh grid vs flex |
| Debug responsive breakpoints | Kenapa design harus fluid, bukan fixed pixel |
| Implement animation di code | Bahwa element bisa grow, shrink, dan wrap |
| Setup build tools | Bahwa spacing itu relational, bukan absolute |
Analoginya: arsitek nggak harus bisa nyemen sendiri, tapi harus paham bahwa beton punya load limit. Kalau nggak, gedungnya ambruk.
Implikasi untuk PM yang Kerja sama Designer
Kalau kamu PM dan designer kamu consistently deliver design yang susah di-implement:
- Cek Auto Layout usage di Figma file mereka. Kalau masih banyak fixed frame tanpa auto layout, itu red flag.
- Ajak pair session dengan engineer saat design review. Bukan buat shame, tapi buat expose constraint secara natural.
- Share referensi layout patterns — Even Something Dari CSS Tricks atau Flexbox Froggy bisa jadi starting point.
- Set expectation: deliverable bukan cuma “looks good” tapi “buildable without hacks.”
Key Takeaway
Craft itu bukan cuma bikin sesuatu yang indah. Craft itu bikin sesuatu yang indah di dalam constraint medium-nya. Designer yang nggak paham Grid dan Flex itu bukan kurang kreatif — mereka kurang literate di medium yang mereka kerjakan setiap hari.