Figma to Code 도구 제작기 : 디자인을 코드로 만들어보자

https://tech.kakao.com/2024/01/09/ororforge-1/ 프론트엔드 개발에서 빼놓을 수 없는 중요한 부분, 바로 디자인을 코드로 변환하는 과정에 대해 이야기를 해보려고 합니다. 화면을 만드는 프론트엔드 개발자에게 이 코드 변환 과정은 필수적인데, 언뜻 간단해 보일 수 있지만 실제로는 상당한 시간과 노력이 필요한 작업입니다. 이러한 작업의 복잡성을 줄이고자, 저희는 ‘Figma to Code‘라는 새로운 기술적 접근 방식과 그 기능을 제공하는 ‘OROR Forge’라는 도구를 개발하고 있습니다. 아직도 개발이 진행 중인 단계이지만, 이번 글을 통해 그동안 저희가 직면했던 문제들과 이를 해결하기 위한 과정들을 독자분들과 공유하고자 합니다. 저희의 경험을 공유함으로써, 독자분들이 코드 변환 도구를 구현한 과정에 대해 더 깊이 이해하고, 저희가 발견한 해결책에서 유용한 인사이트를 얻을 수 있기를 바랍니다.