본문 바로가기

반응형
피그마 UI
반응형
2

[figma] 인터페이스가 죄다 사라졌어요. 사라진 피그마 UI 1초 해결 [figma] 인터페이스가 죄다 사라졌어요. 사라진 피그마 UI 1초 해결 안녕하세요. 당근입니다. 있나요...? 피그마로 협업해본적?... 피그마 작업하시다가 UI가 모두 사라졌거나 해결법을 질문받은적...? 사실 이 기능 단축키로 1초만에 해결이 가능하지만 여러분이나 여러분과 협업하시는 분이 피그마에 아직 익숙하지 않다면 맞닥드렸을 때 식겁하는 기능이죠. 바로 Show/Hide UI 기능인데요. 단축키 Ctrl(cmd)+\ 로 간단하게 해결하실 수 있습니다. 단축키 말고도 메뉴-View-Show/Hide UI로 UI를 감출 수 있지만, Hide가 된 상태에서는 이 메뉴바 마저 사라져버리기때문에 여러분이 준비되지 않은 상태에서 UI가 사라져버렸다면 단축키로 해결하시는 수 밖에 없습니다. 그러니까 대략적.. 2022. 7. 8.
[피그마figma] 텍스트 길이에 따라 변하는 플렉서블flexible 버튼 만들기 [피그마figma] 텍스트 길이에 따라 크기가 변하는 플렉서블flexible 버튼 만들기 안녕하세요. 당근입니다. 오늘은 간단하지만 되게되게 유용한 피그마 튜토리얼입니다. 저도 요즘 피그마에 적응중이라 차근차근 해보면서 가끔은 삽질도 하면서? ... 공부해나가는 중입니다. 오늘은 버튼을 만들어볼건데 텍스트를 기준으로 여백을 유지하면서 자동으로 크기가 늘어나는 버튼을 만들 것입니다. 이렇게 말이죠. 먼저 버튼을 만들고 Create Component 해줍니다. 버튼 안에 있는 텍스트의 위치가 박스의 중앙에 위치하도록 Constraints를 설정합니다. Paragraph도 가운데 정렬해주셔야 텍스트 수정할 때 용이하겠죠. 텍스트의 가로크기를 확인하신 다음 박스를 다시 선택하시고 텍스트 크기+양옆 여백(패딩)을.. 2020. 3. 3.