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

https://tech.kakao.com/2024/01/09/ororforge-1/


프론트엔드 개발에서 빼놓을 수 없는 중요한 부분, 바로 디자인을 코드로 변환하는 과정에 대해 이야기를 해보려고 합니다. 화면을 만드는 프론트엔드 개발자에게 이 코드 변환 과정은 필수적인데, 언뜻 간단해 보일 수 있지만 실제로는 상당한 시간과 노력이 필요한 작업입니다.


이러한 작업의 복잡성을 줄이고자, 저희는 ‘Figma to Code‘라는 새로운 기술적 접근 방식과 그

기능을 제공하는 ‘OROR Forge’라는 도구를 개발하고 있습니다.


아직도 개발이 진행 중인 단계이지만, 이번 글을 통해 그동안 저희가 직면했던 문제들과 이를 해결하기 위한 과정들을 독자분들과 공유하고자 합니다. 저희의 경험을 공유함으로써, 독자분들이 코드 변환 도구를 구현한 과정에 대해 더 깊이 이해하고, 저희가 발견한 해결책에서 유용한 인사이트를 얻을 수 있기를 바랍니다.

OROR Forge: Figma to Code 도구 제작기 (1) 디자인을 코드로 만들어보자!

tech.kakao.com

OROR Forge: Figma to Code 도구 제작기 (1) 디자인을 코드로 만들어보자!

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 1월 12일 오전 1:46

 • 

저장 17조회 2,732

댓글 0

    함께 읽은 게시물

    < 아무리 애써도 인생이 변하지 않는 진짜 이유 >

    1. 어제의 태양은 오늘의 태양과 다르다. 이름만 같을 뿐, 둘은 전혀 다른 존재다.

    ... 더 보기

    🎉 벤처기업 인증 완료! 🎉

    ... 더 보기

    플레이모어와 함께할 동료를 찾습니다 | Notion

    playmoreai on Notion

    플레이모어와 함께할 동료를 찾습니다 | Notion

    Build a UIKit app with the new design

    W

    ... 더 보기

    Build a UIKit app with the new design (feat. WWDC 2025)

    iOYES

    Build a UIKit app with the new design (feat. WWDC 2025)

    세계에서 가장 많이 팔리는 맥주가 뭔지 아십니까? 하이네켄? 버드와이저? 아닙니다. 설화맥주입니다. 처음 들어본다고요? 네. 중국에서만 팔리니까요. 중국에서 1등 하면 세계 1등 하기도 쉽다는 것을 잘 보여주는 사례입니다.

    ... 더 보기

    중국 축구가 보여준 안되는 조직의 특징 [EDITOR's LETTER]

    magazine.hankyung.com

    중국 축구가 보여준 안되는 조직의 특징 [EDITOR's LETTER]


    개발 패러다임, "무엇을 하자"보다 "무엇을 하지말자"에 주목할 것

    『Clean Architecture』의 “FUNCTIONAL PROGRAMMING” 마지막에는

    ... 더 보기