Figma가 디자인과 문서를 함께 다루는 Specs를 공개 베타로 출시했다

Figma가 문서와 디자인을 함께 다루는 Specs를 공개 베타로 내놨습니다. 유료 플랜 이용자는 웹·데스크톱·모바일에서 쓸 수 있습니다. 저는 기획과 구현 사이에서 빠지기 쉬운 맥락을 한곳에 모은다는 점이 반갑습니다. 문서와 화면을 따로 찾아다니는 시간이 줄 수 있기 때문입니다.

repoDocs는 마크다운(Markdown) 문서를 편집 가능한 Figma 스타일 보드로 바꾸고, 편집 내용을 원본 파일에 기록하는 도구입니다. Specs는 문서와 디자인, 코드의 맥락을 Figma 캔버스에 함께 둡니다. 문서를 시각 자료와 잇는 접근이 개별 변환 도구에서 협업 공간으로 넓어지는 흐름을 보여줍니다.

마크다운(Markdown) 파일은 Figma 캔버스에 끌어다 놓아 문서로 가져올 수 있습니다. Specs에서는 문서 옆에 Figma 프레임, FigJam 파일, 코드 레이어를 놓을 수 있습니다. 저는 문서와 화면을 나란히 놓는 구성이 흥미롭습니다. 기획 문장과 관련 화면을 같은 자리에서 대조할 수 있다는 점이 눈에 들어옵니다.

Specs는 유료 플랜에서 순차 제공되는 공개 베타라, 팀원 모두가 같은 시점에 쓸 수 있다고 단정할 수 없습니다. 시범 적용을 맡을 구성원과 이용 가능한 계정을 먼저 정해야 도입 범위가 보입니다. Figma는 코딩 에이전트에 Specs 링크를 건네면 문서와 프레임, 다이어그램, 코드 레이어 등의 맥락도 함께 전달된다고 설명합니다. 이 전달에는 Figma MCP 서버가 쓰이며, 자료가 넘어가는 일과 에이전트가 이를 구현에 정확히 반영하는 일은 다릅니다.

Specs를 쓸 수 있다면 기존 기획 문서 하나를 가져와 관련 프레임이나 코드 레이어를 곁에 놓아 보십시오. 링크를 코딩 에이전트에 전달한 뒤 결과물에 화면과 조건이 실제로 반영됐는지 대조하면, 모아 둔 맥락이 작업에 도움이 되는지 확인할 수 있습니다.

기획 문서와 디자인을 맞출 때, 지금은 어떤 순서로 자료를 정리하십니까?