소개

• 데브 모드 소개 홈페이지
  • 베타 버전 런칭

• 디자인 파일이 수정될 우려 없이 margin, padding, width, height 등의 디자인 값들 확인 가능

• CSS, IOS, Android 코드 복사

• 각 종 Plugin 설치 가능
  • Jira
    • 티켓 임베드
  • Storybook
    • 참고 화면
  • AWS Amplify studio
    • 모든 UI 구성 요소 코드를 jsx 및 ts 파일로 src/ui-components에 생성
• 아래에서 더 자세히 설명 예정

• 디자인 토큰
  • 코드와 연결하고
  • 디자인 시스템 구축

• 개발 준비가 완료된 컴포넌트 파악

• 변경 사항 파악, 이전 작업 기록 확인 기능

• 이미지 export 버튼 클릭의 뎁스 축소

• 컴포넌트 플레이 그라운드

• 디자이너가 구현해 둔 컴포넌트의 상태값, 프로퍼티들 및 인터랙션들을 실험하고 눌러볼 수 있다.

• 레이어 패널의 축약
  • 개발자에게 크게 중요하지 않았던 레이어 패널이 하나의 속성으로 축약되고 개발자가 확인해야 할 속성값만으로 채워짐
  • 방향키로 이동도 가능

• 기존에 alt 를 클릭하고 확인 해야 했던 padding, margin, width, height 의 값들을 호버만으로도 쉽게 확인이 가능