DesignA11y Annotation 플러그인을 활용해 디자인 주석을 자동 생성하고, 이를 코드·문서로 추출해 Annotation 기반 Storybook 문서 생성 실험 수행.

피그마 주석 정보를 코드(data-annotations) 또는 md 파일로 추출해 Storybook 문서까지 연계하는 흐름을 만들고, 웹접근성 검토용 문서로 활용 가능한 구조를 확인.

디자인 단계에서 작성한 주석이 개발 산출물과 문서로 이어질 수 있다는 점이 인상적이었고, md 파일 기반 구조가 Annotation 검토·수정·공유에 적합하며 팀 공용 문서로 활용할 경우 실무 가치가 높다고 판단.

DesignA11y Annotation(Figma Plugin), Figma MCP Server, Markdown, Storybook

웹페이지 구축 과정 자동화 실험을 시작하고, 디자인→퍼블리싱→프론트엔드 개발 흐름 중 자동화 가능한 단계를 정리해 AI 도구 조합 워크플로우를 실험.