강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

이하진님의 프로필 이미지
이하진

작성한 질문수

디자인 시스템 with 피그마

어플라이 (Apply part01)

인풋 밑에 헬프 텍스트가 두가지일 경우 컴포넌트 구조

해결된 질문

작성

·

420

1

스크린샷 2023-09-25 오후 5.10.27.png

플레이스 홀더 영역을 만들고 아래에 힌트텍스트가 하나있을 때는 오토레이아웃과 불린 기능을 이용해서 힌트 텍스트가 제거되었을 때 플레이스홀더 영역만큼만 보여지게 할 수 있는데

힌트텍스트 우측에 텍스트 카운터가 있을 경우(헬프 텍스트가 2가지인 경우) 어떻게 짜야 하나씩 껐을 때 한쪽으로 치우치지 않고 제거했을 때 해당 영역이 사라지고 플레이스 홀더 영역만큼만 잡히게 하는지 모르겠습니다..

퀴즈

피그마에서 컴포넌트에 속성(Properties)을 추가하는 주된 목적은 무엇일까요?

파일 크기를 줄이기 위해

컴포넌트 인스턴스의 재사용성을 높이고 유연하게 제어하기 위해

애니메이션 효과를 쉽게 적용하기 위해

컴포넌트를 그룹으로 묶기 위해

답변 1

0

범쌤님의 프로필 이미지
범쌤
지식공유자

안녕하세요 이하진님 :)

그런 경우라면 텍스트 2개를 autolayout으로 지정 후 사이 간격은 auto로 설정하여 서로를 밀어주고,
없어져도 그 자리에 남아있어야 할 텍스트 (0/200)를 fill로 지정해주셔야 hint place가 사라져도 자리를 유지할 수 있습니다 ㅎㅎ

 

데모로 만들어 놨으니 확인해보시면 좋을 것 같아요
https://www.figma.com/file/SimennyrlmgBq073rRGkGM/Untitled?type=design&node-id=1%3A45&mode=design&t=4azsy4BozjffrzWf-1

감사합니다 :)

 

이하진님의 프로필 이미지
이하진

작성한 질문수

질문하기