게시글
질문&답변
2024.02.01
채팅 ui 속성) 말풍선 크기 최대최소 조정 문제
(사진)안녕하세요! 질문 주셔서 감사합니다. 작성해 주신 내용을 봤을 때 두 가지를 테스트 해보시면 될 것 같은데요! 먼저 말풍선 자체의 auto layout 크기 제한을 걸 때, 말풍선 안에 있는 text의 리사이징을 말풍선 사이즈의 가로사이즈에 꽉 채우도록 filled로 해보시면 사이즈 조절할 때 프레임 바깥으로 잘리지 않을 것 같습니다. 리사이징 옵션을 계속 바꿔보신 상태에서 아마 텍스트의 리사이징이 fixed로 되어있는 것이 아닐까 합니다! 또 한가지는 말풍선+시간을 감싼 오토레이아웃은 가장 바깥 프레임(디바이스 사이즈의 프레임) 바로 아래에 들어가 있어서, constraints를 left and right로 설정해주시면 될 것 같습니다!
- 0
- 1
- 246
질문&답변
2022.02.13
뮤직 플레이바 오토레이아웃 세로
안녕하세요 Seolhee Lee님! 오토 레이아웃을 설정했다가 제거하면 오토레이아웃으로 정렬됐던 형태 그대로 프레임으로 감싸지기 때문에 캡쳐이미지처럼 정렬되어 있는 게 정상입니다! 프레임으로만 묶여 있기 때문에, 프레임 안에 있는 바 요소들을 원하시는 가로형으로 다시 정렬해 주시면 되겠습니다! 그리고 오토레이아웃이 계속해서 세로형으로 될 때는 방향을 변경해주시면 되는데요, 디자인 패널의 오토레이아웃에서 화살표가 아마도 세로방향으로 되어 있을 것입니다. (사진) 아래와 같이 가로 화살표를 클릭해주시면 가로형 오토레이아웃으로 변경됩니다! (사진) 감사합니다.
- 0
- 1
- 207
질문&답변
2022.02.13
가이드선을 잠그는 기능은 없나요?
안녕하세요 서만석 님! 피그마는 가이드를 잠그는 기능을 별도로 제공하지 않습니다. 그대신 가이드를 생성하면 가이드라인 잠김상태가 기본이 되어 일러스트레이터처럼 가이드라인을 드래그하거나 다른 오브젝트와 같이 선택할 수는 없고 가이드라인만 직접 클릭하여 선택 또는 드래그하는 것은 가능하도록 되어 있습니다! 감사합니다.
- 0
- 1
- 1K
질문&답변
2021.08.12
리소스 Export 질문입니다.
안녕하세요 Baee님! 예 아무래도 업데이트가 굉장히 자주 되다보니 피그마 인터페이스도 계속해서 변화가 일어나고 있네요. 익스포트할 때 이미지, 텍스트 등 익스포트 하려는 요소의 종류에 따라 옵션이 다르게 나타납니다. Ignore overlapping layers 이것은 선택한 영역에 겹쳐있는 레이어들을 같이 익스포트할 것인지, 아니면 현재 선택한 레이어만 익스포트할 것인지를 체크하는 메뉴입니다. 예를들어 아래 별모양을 투명 png로 내보낼 때 이 메뉴를 체크하면, 별모양 선택 영역에 겹쳐진 붉은 원은 같이 익스포트 되지 않게 하겠다는 뜻입니다. 체크를 풀면 붉은 영역까지 같이 익스포트 됩니다. (사진)(사진) include bounding box 이것은 텍스트를 익스포트 할 때 바운딩박스를 포함할것인지를 체크하는 것입니다. 바운딩박스는 텍스트를 선택했을 때의 박스로 표시되는 영역을 뜻하는데요, 이 옵션을 체크하면 박스 영역까지 포함한 사이즈로 익스포트 됩니다. include "id" Attribute 이것은 svg 코드로 익스포트 될 때 코드 안에 id 값을 넣을수 있는 자리를 만들 것인지 선택하는 항목입니다. 개발 협업에서 아이콘 등에 svg를 사용할 때 id attribute 가 필요한지 개발자 분과 논의 후 체크하시면 됩니다. Simplify Stroke 스트록이 들어가 있는 아이콘 등을 svg로 내보낼 때 스트록을 svg에서 지원하는 center stroke으로 고쳐서 내보내겠다는 뜻입니다. 디자인할 때 stroke 을 inside 나 outside 로 설정했더라도 이 옵션을 체크하면 center 로 바뀌어서 내보내집니다. 의도적으로 inside나 outside로 스트록 지정을 하셨다면 익스포트하기 전에 outline stroke 을 하신 후 익스포트하시는 게 좋습니다.
- 0
- 1
- 864
질문&답변
2021.08.12
[커뮤니티 베타 가입하기]
안녕하세요 gim515600님! 프로필 화면의 resources에서 explore로 뜬다면 resources 탭으로 진입하신 거면 이미 gim515600님의 커뮤니티 프로필로 들어오신 것입니다. explore 버튼을 클릭하셔서 커뮤니티로 이동하시면 다른 파일의 좋아요나 복제가 가능하고 작업중인 파일에서 오른쪽 상단의 share버튼을 눌렀을 때 팝업에서 publish to community 탭이 활성화되시나요? 그러면 가입이 된 것입니다. figma.com/@ 뒤에 gim515600님의 아이디가 이미 만들어져 있는 것 같습니다.
- 0
- 1
- 94
질문&답변
2021.08.12
ios 14 beta 버전 다운로드
안녕하세요 gim515600님! ios 14 beta 버전을 애플 사이트에서 다운받으시면 dmg 파일의 맥 전용 설치파일로 다운로드가 되는데요, 1. 맥 사용자이신 경우 dmg 파일을 실행하시면 iOS14 sketch 폴더 안에 sketch 파일이 있습니다. 스케치 파일을 다운로드 하지 않고 피그마에서 바로 이 폴더에 있는 스케치파일을 임포트 해 주시면 됩니다. (사진) (사진) 2. 윈도우 사용자이신 경우 dmg 파일을 실행할 수 없기 때문에 피그마 커뮤니티에서 키트를 검색하셔서 받으시는 것이 더 좋은 방법 같습니다. https://www.figma.com/community/file/874932189028169917/Official-iOS-14-(Beta)-Design-Templates-%2B-UI-Elements-%2B-Guides 또는 일부 압축프로그램으로 dmg 파일을 확인하는 방법도 있는데요, 아래 링크를 참고부탁드려요! https://seogilang.tistory.com/539
- 0
- 1
- 209
질문&답변
2021.08.12
디자인시스템과 각각의 파일
안녕하세요 xxxhdpi 님! 네네! 피그마는 디자인시스템 목적으로 파일을 따로 만들어서 외부에서 라이브러리로 연결하셔서 사용하실 수가 있습니다. 같은 파일 안에 있어도 되고, 다른 파일로 만들어도 연결하실 수 있습니다. 그리고 다른 프로젝트에 있는 파일에도 타이포그래피, 컬러 스타일이나 컴포넌트 등이 만들어져 있다면 그 파일을 연결하셔서 사용하실 수 있습니다! 외부 파일을 라이브러리로 연결하시는 방법에 관련된 상세 강의는 챕터 9 협업하기 > Team Library 사용하고 동기화하기 강의를 참고해주십시오! https://www.inflearn.com/course/%ED%94%BC%EA%B7%B8%EB%A7%88-%EC%9E%85%EB%AC%B8-%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%98%A4%EB%A6%AC%EC%A7%80%EB%84%90/lecture/65035?tab=curriculum 감사합니다.
- 0
- 1
- 146
질문&답변
2021.08.12
아이폰 기본 컴포넌트 리소스는 어디서 가져올 수 있나요?
안녕하세요 은진님! 아이폰 기본 컴포넌트는 여러가지 방법으로 가져오실 수 있지만 저는 피그마 공식 커뮤니티에서 가져오시는 방법을 추천 드립니다! 커뮤니티에서 ios나 iphone 등으로 검색하시면 관련 파일들이 많이 나올것입니다. 원하시는 파일을 복제하셔서 사용하시면 되겠습니다. 또는 https://developer.apple.com/design/resources/ 에서 스케치 파일을 다운받으셔서 피그마로 임포트 하셔도 될것같아요. 감사합니다! (사진)
- 0
- 1
- 1.4K
질문&답변
2021.07.16
코멘트 화면이 안 보여요
안녕하세요 디자이너0909님! 피그마의 코멘트를 슬랙과 연결하기 메뉴를 말씀주신 것 같은데요! 해당 컨텐츠는 피그마 버전 업데이트가 되면서 프로젝트의 메뉴에서는 사라진 기능입니다. https://slack.com/apps/A01N2QYSA81-figma?tab=more_info 대신 슬랙용 피그마통합 앱을 설치하신 후 원하시는 슬랙 채널과 연결하시면 슬랙에서 피그마 코멘트를 확인하거나 코멘트 회신을 보내실 수 있습니다. 감사합니다!
- 0
- 1
- 709
질문&답변
2021.07.12
Iconify 및 와이어프레임 관련 질문
안녕하세요 상은님! Iconify에서 캔버스에 있는 컴포넌트로는 바로 드래그하실 수 없지만, 일단 캔버스에 드래그 한 다음 컴포넌트의 마스터 안으로 넣으실 수는 있습니다. 예제실습에서 갑자기 요소들이 프레임 안에 들어가 있어서 당황하셨을 것 같네요ㅠㅠ 와이어프레임 단계에서 배치된 요소들을 프레임으로 묶어주는 이유는, 디바이스의 해상도가 다양하고 가로모드나 태블릿 등을 대응해야 하는 이슈들을 고려해서, 사전에 요소들의 정렬을 설정해놓기 위함이라고 보시면 되겠습니다. 와이어프레임 단계에서도 프레임을 만들어서 배치한 여러가지 요소들의 constraints를 프레임 기준으로 지정해주고, 디바이스 사이즈를 조절할 때도 constraints에 맞게 아이콘이 위치하거나 텍스트 영역이 쉽게 지정될 수 있도록 해 놓으면, 화면 해상도가 달라졌을 때 요소들이 어떤 식으로 배치되는지까지 미리 테스트가 가능해지고 실제 디자인하기 전단계부터 대비할 수 있기 때문에, 디자인 할 때 고민할 시간도 절약할 수 있습니다. 요소들은 프레임 안에 넣으셔도 되고, auto layout으로 설정하셔도 됩니다. 섹션6의 auto layout과 constraints & resizing 강의를 참고해주시면 감사하겠습니다.
- 0
- 1
- 110