Alternatives · Anima
oh-my-design vs Anima
Anima는 Figma 디자인을 HTML/CSS/React 코드로 변환하는 transcoder입니다. Figma 파일이 source of truth고, 디자이너가 Figma에서 수정하면 다시 export하는 흐름을 전제로 합니다.
| 기준 | oh-my-design | Anima |
|---|---|---|
| 목적 | AI agent가 매 요청마다 읽는 brand spec | Figma → production code conversion |
| Output | DESIGN.md (markdown spec) | HTML/CSS/React (Figma 구조 기반) |
| AI agent integration | Claude Code · Codex · Cursor · OpenCode 직결 | Plugin · Figma 안에서 동작 |
| Brand voice | §10–15에서 명시 (voice/persona/motion) | Figma 파일에 그려진 visual 그대로 |
| Install | `npx oh-my-design-cli install-skills` | Figma plugin + 웹 dashboard |
| Price | Free · MIT | Freemium · 팀당 유료 |
| Open source | Yes (MIT) | No (proprietary) |
When to use Anima
- 디자이너가 이미 Figma로 완성된 시안을 가지고 있을 때
- Figma → 코드 일회성 변환이 주된 과업일 때
- 디자이너-개발자 handoff가 병목인 팀
When to use oh-my-design
- Figma 없이 spec → 코드 흐름이 필요할 때
- Voice·persona·motion까지 같은 파일에서 강제하고 싶을 때
- Spec이 Figma 파일보다 더 오래 살아남아야 할 때 — markdown은 stack-agnostic
정리. Anima과 oh-my-design은 같은 layer가 아닙니다. Anima이 figma → production code conversion 쪽이라면, oh-my-design은 그 도구가 매번 같은 brand context로 동작하도록 만드는 spec입니다. 많은 팀이 둘을 같이 씁니다 — either/or가 아닙니다.
Other comparisons