Local variables

안녕하세요,그 이유는 페이지 안에 어떤 레이어도 베리어블이 없기 때문입니다. 아무데나 max-width, min-width 도는 padding 값을 적용하시면 뜰 것입니다. 보통 모드를 로컬베리어블에 등록해도 보이지 않는 이유는 로컬베리어블에 등록한 베리어블을 실제 캔버스에 사용하지 않았기 때문입니다. 한번 더 해보시고 안되시면 알려주세요! 감사합니다. 볼드 드림.

버튼 미작동

안녕하세요, 우선 한번 더 체크를 해보실 수 있을까요? 이건 피그마 자체의 문제인 것 같습니다. 제 피그마에서는 아래 이미지 처럼 잘 나타납니다. 또 다시 문제이면, 최신으로 업데이트 해보시기 바랍니다. 배리어블이 배타 딱지를 때도 가끔 문제가 있는 경우가 있습니다 . 계속해서 문제가 있으면 또 알려주세요. 감사합니다. 볼드 드림.(사진)(사진)

Fill이 안 되는 이유

이민지님 안녕하세요, 우선 어떤 레이어를 가지고 말씀하시는지 잘 모르겠지만 만약 최상단에 있는 레이어라고 하신다면, 원래 Fixed와 Hug만 나타납니다. Fill은 자신의 부모 레이어의 크기를 따라갑니다. 최상단의 경우는 부모 레이어가 없겠죠, 그래서 나타나지 않습니다. 만약 다른 레이어라고 한다면, Max, Min을 적용했기 때문인데, 이 경우는 제가 알기론 Fill도 나타나는 걸로 알고 있습니다.제가 파일을 공유해주시고 물어봐주시면 더 자세히 도와드리겠습니다. 볼드 드림.

컴포넌트 파일에 파운데이션 라이브러리가 연결이 안됩니다!

안녕하세요, 파운데이션의 베리어블은 컴포넌트 워크시트의 로컬 베리어블에서는 나타나지 않습니다.파운데이션의 로컬 베리어블과 컴포넌트 워크시트 로컬 베리어블은 말 그래도 각각의 로컬(Local)에서만 만들 수 있고 볼 수 있습니다. 컴포넌트 워크시트에서 파운데이션 베리어블을 선택하시기 위해서는...오브젝트(텍스트, 프레임, 아이콘, 선)의 색상을 선택하시고 라이브러리에서 파운데이션을 선택하시면 파운데이션 로컬 색상 배리어블을 확인하실 수 있습니다.(사진)나중에 컴포넌트 워크시트 내 로컬 베리어블에서는 반응형 디자인을 할 때 디바이스마다 달라지는 베리어블 값을 넣을 계획입니다. 감사합니다.

버튼 컴포넌트에서 불린프로퍼티 아이콘이 안 보입니다.

안녕하세요, 우선 버튼 레이어가 아닌 아이콘 레이어를 선택하셔야지 불린 프로퍼티가 나타납니다. 한번 아이콘을 선택해보시고 오른쪽 패널을 살펴보시기를 추천드립니다. 감사합니다.볼드 드림.

네비게이션 탭 강의에서의 질문

안녕하세요,우선 글자를 넣어서 테스트 해보는건 좋지만 현재는 너무 극단적인 것 같습니다. 우선 실제 저렇게 긴 글자를 넣지 않습니다.😅 이름을 적을 때 규칙을 정합니다. 예를 들어, 프로필, 세팅, 이런식으로 이름을 적정한 길이의 의미를 표현하는 편입니다. 그래서 모바일 네비게이션의 경우는 다섯개만 최대로 추천하며, 각 아이템마다 들어가는 글자도 적정하게 선정해야합니다. (이 경우는 각 아이템이 Fill이겠죠.) 제 강의 탭의 경우는 아이템이 Hug로 되어있습니다. 그리고 왼쪽으로 정렬되고, 갯수를 정해서 만들었습니다. 만약 갯수가 늘어난다면 당연히 현재 Tab 보다 늘어날 것이고 이 경우 깨질 것입니다. 이 경우는 아래처럼 화살표를 만들어서 누르면 오른쪽으로 이동하는 인터랙션을 만들어 둘 수 있을 것입니다. 크롬에서 북마크를 켜보시고 스크린을 줄여서 한번 체크해보시면 관련 예시를 찾아보실 수 있으실 것입니다 (사진) 감사합니다. 볼드 드림

Print variables 대체 플러그인 없을까요?

질문 주셔서 감사합니다. 플러그인은 정말 많습니다. color style guide라고 치면 많이 나오며, 거기서 아무거나 쓰시면 됩니다. 하지만 베리어블까지 다 출력해주는 플러그인이 잘 없어서 한번에 뽑아내기에는 print variable이 제일 좋습니다. 완성본에 나온 것은 아래 플러그인이며, 컴포넌트를 만들어주어 제가 변경해서 사용했습니다. 이 플러그인의 경우는 primitive밖에 뽑아주지 않는 다는 단점이 있지만, 내가 원하는 모양으로 바꾸기가 쉽습니다. https://www.figma.com/community/plugin/941680506965181089 우선은 미션을 따라서 다 만드시고, 모드도 다 추가하고 난 다음에 수정하실 때 위의 플러그인을 사용해 보시는 것을 추천드립니다!

상태칩 강의에서의 질문

질문 주셔서 감사합니다. 공유해주신 파일에 언급드렸듯이..문제의 원인은 아이콘 양쪽 공간 때문입니다. 우선은 방법은 따로 베리언츠를 만드는 방법 있을 것 같구요. (사진)두번째는 아래 이미지 처럼 아이콘을 앱솔루트를 시키고 그위에 아이콘으로 덮어줍니다. 그리고 이 아이콘 공간을 20으로 만든 다음 왼쪽에 4px 공간을 만들어 넣습니다. 그리고 만약 아이콘이 사라지면 아이콘 Wrapper는 Space에만 덮도록 하는 방법이 있을 것 같습니다. 예시로 공유해주신 파일에 만들어 놓았습니다. 이 경우는 개발자와 커뮤니케이션 하는과정에서 패딩의 변화가 있다고 언급하면 될 것 같습니다. (사진)

알림/경고 메세지 만들기 강의에서의 질문

강의에서는 72로 나오는데, 다 만들고 나면 80으로 나옵니다. 반드시 강의와 만드시는 파일이 똑같을 필요는 없습니다. 특히 Hug로 쌓여져 있어서 값에 따라 달라질 수 있습니다.우선 제 강의에서는 앱솔루트 포지션은 사용하지 않았습니다. 그 이유는 만약 사용하면 Title Description의 컨텐츠가 오버랩 되어서 불편해지기 때문입니다. 저의 경우는 텍스트 라인하이트가 괜찮아서 구지 값을 넣지 않았는데, 만약 타이틀 위에 값이 필요하다고 생각하면 살짝 윗 패딩값만 주면 됩니다.아마 그것이 개발할 때도 개발자가 스타일링 하기에도 쉬울 것 같습니다. 감사합니다.

셀렉트-파트1 강의에서의 질문

제 생각에는 Icon 프레임 안에 있는 아이콘의 Constrint을 scale로 바꾸어주시면 될 것 같습니다. 근데 제가 파일을 살펴본 결과 잘 하신 것 같습니다."-"이것을 세번 치시면 됩니다. "---"