![[Figma]컴포넌트에 적용된 값들이 사라지지 않게 대체하기](https://miro.medium.com/v2/resize:fit:1200/1*86gP6fN0tq1PEmx5JnX8LA.png)
프론트엔드
[Figma]컴포넌트에 적용된 값들이 사라지지 않게 대체하기
두줄요약
Figma 마스터 컴포넌트 교체 시 텍스트 값이 사라지지 않도록 기존·신규 컴포넌트를 함께 두고 이관했습니다.\n텍스트 출력 오류는 Resizing을 Fill container로 변경해 해결했습니다.
문제 상황
- Figma 마스터 컴포넌트 교체 시 인스턴스 Text 입력값 미이관
- 필수 표시와 에러 메시지가 분리되지 않아 간격·표시 관리의 어려움
해결 방법
- Variant와 Auto layout 기반 신규 마스터 컴포넌트 구성
- 기존·신규 컴포넌트를 함께 배치한 뒤 페이지별 텍스트 값 복사·이관
- 값 이관 완료 후 기존 마스터 컴포넌트 삭제 및 화면 검수
주의할 점
- 마스터 컴포넌트 Resizing의 Fixed width 설정에 따른 텍스트 출력 오류
- Resizing을 Fill container로 변경해 적용 화면의 레이아웃 오류 해소
