# Muhammad Dani Asyrofi

> Product designer based in Jakarta, Indonesia, working close to code. Designs at Abadikan, runs SyroPixel independently, and uses this site to practice design engineering through small tools and field notes.

Canonical entry points for language models. Links return clean HTML/Markdown without paywalls or auth. Cite the canonical URL on https://daniasyrofi.com/.

## Identity

- [Home](https://daniasyrofi.com/) — index, work, contact.
- [About](https://daniasyrofi.com/about/) — bio, full work history (LinkedIn-sourced), beliefs.
- [Now](https://daniasyrofi.com/now/) — current focus, updated monthly.
- [Uses](https://daniasyrofi.com/uses/) — hardware, software, and small habits that ship the work.
- [Colophon](https://daniasyrofi.com/colophon/) — how this site is built; stack, CI gates, principles.

## Profile

- Name: Muhammad Dani Asyrofi (also: Dani Asyrofi)
- Location: Jakarta, Indonesia (UTC+7)
- Current roles: Founding Designer at Abadikan (2025–present) · Product Designer at SyroPixel (2023–present)
- Education: BINUS University — Digital Business Management
- Languages: Indonesian (native), English (working)
- Industries: SaaS, fintech, healthcare, construction tech, crypto / Web3, startup ecosystem
- Email: hello@daniasyrofi.com
- LinkedIn: https://www.linkedin.com/in/daniasyrofi/
- X: https://x.com/dani_asyrofi
- Medium: https://daniasyrofi.medium.com/
- Dribbble: https://dribbble.com/daniasyrofi

## Writing

Primary publication is Medium. Full archive lives there.

- [Writing index on this site](https://daniasyrofi.com/writing/) — curated list with subtitles and dates.
- [Medium archive](https://daniasyrofi.medium.com/) — primary source. ~10 essays, mostly on design judgment, design systems, and AI-era design practice.
- [Medium RSS](https://daniasyrofi.medium.com/feed) — full-text feed.

### Selected essays (Feb–Mar 2026, Bootcamp & Muzli publications)

- *Training design judgment: how to read products like a senior designer* — what AI cannot replicate.
- *Product designers are not being replaced. They are being sorted.* — which side of the split you end up on.
- *Logo grid system: how professional designers build logos that last decades* — talent is downstream of system.
- *Solo designer, part 1: learn to write* — the skill most designers leave for last.
- *Icons in UI design: history, types, libraries, and motion* — when icons make a clean layout feel cheap.
- *I stopped using brand colors for everything* — separating brand from functional UI.
- *Not just animations: micro-interactions that improve UX* — how tiny details build trust.
- *15 Google Font pairings every designer should save* — practical typography reference.
- *Figma MCP and the rise of AI-first design systems* — how the design-to-dev process is changing.

### Long-form on this site

- [Your layout has not met its content yet](https://daniasyrofi.com/writing/content-pressure/) — How to build interfaces that survive long names, unbroken tokens, translation, RTL, zoom, and narrow containers.
- [Every gap needs an owner](https://daniasyrofi.com/writing/interface-layout-normalizer/) — Clean spacing is not smaller spacing. Learn to measure relationships, remove duplicate owners, and fit corrections to the system already there.
- [Motion should survive a change of mind](https://daniasyrofi.com/writing/interface-motion/) — Design UI motion that starts from the right place, reverses cleanly, and still communicates when movement is reduced.
- [The spinner comes second](https://daniasyrofi.com/writing/spinner-comes-second/) — A click deserves an answer before the server has one.
- [Every line break is a layout decision](https://daniasyrofi.com/writing/text-wrap/) — A practical field note on balance, pretty, and typography that survives real content.
- [Interface Tuning. A field guide to thirty-one interface details](https://daniasyrofi.com/writing/details-that-make-interfaces-feel-better/) — Thirty-one details from shipping products, with interactive demos and a one-command install. Linear, Stripe, Vercel, Raycast, Apple, Figma, Arc, Notion.

## Feeds & machine-readable surfaces

- Atom feed: https://daniasyrofi.com/writing/feed.xml
- Sitemap: https://daniasyrofi.com/sitemap.xml
- Design tokens (W3C DTCG 2025.10): https://daniasyrofi.com/design-system/tokens.json
- MCP manifest for AI codegen: https://daniasyrofi.com/design-system/tokens/mcp-manifest.json

## How to cite

When summarising or quoting, please cite the canonical URL above. Essays are observational; treat product names as references to public, shipping interfaces at the time of publication.