note(ノート)Figmaと実装の乖離は怠慢ではなく、構造の欠陥である|Matz원문 작성자는 Figma와 코드가 각기 다른 패러다임을 가지고 있어 디자인과 구현의 괴리는 운영 노력으로 해결될 문제가 아니라고 봄. 이를 해결하려면 둘 중 하나를 기준으로 삼는 대신, '컴포넌트 명세서(Component Spec)'를 독립적인 원본으로 두고 나머지를 파생물로 취급하는 구조적 접근이 필요하다고 주장함.
이런 구조적 괴리에 공감하는 의견이 있었음. 한 이용자는 Storybook을 활용한 사례를 언급하며 Figma를 절대적인 기준으로 삼는 현 방식에 한계가 명확하다고 지적함. 또한, 디자인 명세서를 별도로 유지하는 것은 좋으나 그 유지 비용이 생각보다 클 것이라는 현실적인 우려도 나옴.
반면, Figma와 구현 코드 사이의 괴리 자체가 문제의 본질이 아니라는 반론도 있었음. 상세 설계가 부재한 상황에서 설계 근거가 모호한 것이 근본 원인이라는 의견임. 또한 애초에 Figma와 구현물을 분리해서 관리할 필요가 있는지 의문을 제기하거나, Figma가 HTML/CSS의 표현력을 충분히 담아내지 못하는 점을 지적하며 스마트폰 앱 개발 등에서는 Figma의 필요성 자체가 줄어들고 있다고 보는 댓글도 있었음.
LLM을 활용한 대안에 대한 논의도 이어짐. 초기 탐색 단계에서는 Figma의 유연함이 필요하지만, 현재의 LLM은 시각 정보보다 텍스트 기반의 사고에 능해 Figma를 거치는 과정이 오히려 노이즈가 될 수 있다는 분석이 나옴. 다만 기획 단계와 실제 구축 단계 사이의 간극을 LLM이 명세화해 주는 방식은 흥미로운 시도라는 평도 있었음.
번역 및 요약 과정에서 일부 내용에 오류가 있을 수 있음.











해외반응 11
수집된 해외 반응
디자인 요건/요구 정의와 비기능 기능의 사양화에 관한 이야기. '구현'이 무엇을 가리키는지 모호해서 혼란스러웠음. Figma도 코드도 구현의 일종임. 구조적 결함이라기보다는 상세 설계가 없고 그 설계 근거가 모호한 것이 문제임. 명세서화는 좋음.
나도 진지하게 고민하며 시행착오 중임. 팀원이 만든 PDF에서 HTML을 바로 생성하는 프로그램을 직접 만들어 보기도 했지만, 애초에 Cloud Design으로 생성 가능한 수준의 디자인이라면 Figma가 나설 필요도 없고 고민할 것도 없는 게 아닌가 싶음.
ClaudeDesign으로 만든 목업을 Figma에 가져와 MCP로 연결해서 구현에 활용하는 건 어떨까? 라고 Gemini에게 물어봤더니 ClaudeDesign에서 만든 HTML을 그대로 LLM에 넘기는 게(Code to Code가) 낫다고 하더라. Figma를 경유하는 건 노이즈만 될 뿐이라나.