작업 기본 사항

대부분의 개발자와 디자이너가 FUNCTION12를 사용하여 디자인 파일을 소스코드로 변환하기 위한 워크플로 기본 사항입니다.

개발자와 디자이너를 위한 Design to Code 작업 방법

대부분의 사용자 및 팀은 FUNCTION12와 함께 작업하는 동안 이 작업 방식을 따라야 합니다. 이것은 필수 작업방식은 아니지만 FUNCTION12를 더 원활하게 사용하는 방법을 찾고 있다면 우리가 가이드하는 방식을 따르는 것이 좋습니다.

우리가 제안하는 작업방식은 3단계로 나누어져 있습니다.

1. 첫번째 단계에서는 디자인을 가져올 수 있는 Figma file을 준비해야 합니다.(Sketch 또는 Adobe XD 는 Figma Import후 이용해 주세요)

2. 두번째 단계는 프로젝트를 만들고 FUNCTION12 Studio에서 보정을 하는 작업입니다. 레이아웃 유형/설정값, 마진, 패딩, 엔티티 사이즈, 정렬값, Constraint, 버튼/필드 설정 여부 등을 정의할 수 있습니다.

3. 작업이 완료되면 프로젝트를 내보내고, 추가적인 편집 및 검토를 진행합니다. 이 단계가 마무리되면 바로 실행할 수 있는 UI를 가질 수 있습니다. 선호하는 IDE 에서 편집하고 프로젝트를 계속 개발할 수 있습니다.

FUNCTION12가 제안하는 작업방식