Sketch 이미지 파일을 Flutter 코드로 떨어뜨림

최근 Fultter에서 iOS/Android 앱 개발을 하고 있습니다.
그래서 .sketch 파일(이미지)을 사용하여 Flutter에서 사용하고 있는 Dart 언어로 변환하는 것이 가능하다는 것을 알 수 있었습니다.

절차

그건 그렇고, 이번 게시 방법은 MacOS에서 확인할 수 있습니다.

1. Supernova 설치

이번 주목인 Sketch의 이미지 파일을 Flutter의 코드에 떨어뜨리는 방법은,
"Supernova"라는 도구를 사용하여 수행해야합니다. (이하, 다운로드 화면)
htps : // ぇ가 cy. 수페르의 ゔ아. 이오/

2. Supernova를 시작하고 .sketch 파일을 가져옵니다.

위 이미지의 빨간색 테두리 부분을 누르고 스타일로 불러오려는 ".sketch"파일을 선택하고 가져옵니다.

3. Dart 언어로 변환할 이미지를 선택합니다.

그런 다음 이미지를 선택할 수 있는 탭이 열리므로
여기에서 Dart 언어로 변환할 예정인 이미지를 선택합니다.


Shiftキー 에서 여러 이미지를 한꺼번에 선택할 수 있습니다.

4. 코드 미리보기 버튼을 눌러 Dart 언어를 표시합니다.

위 게시 이미지의 빨간색 프레임 부분을 누릅니다.
그러면 위 게시 이미지의 오른쪽과 같이 Dart 언어가 표시됩니다.

덧붙여서, 위 게시 노란색 프레임 부분의 설정 버튼으로, Dart 언어나 다른 언어로 변환할 때의 설정을 변경할 수 있습니다.

들여 쓰기의 공간 수와 행 사이의 유무를 결정할 수 있으므로,
이 설정을 사용하면 실제 소스 코드로 떨어 뜨릴 때 약간 수정하는 부분이 줄어 듭니다.