똑똑한 툴, 똑똑하게 사용하기4 [Figma] 피그마 오토 레이아웃(Auto Layout) 기능으로 버튼 디자인하기 오늘은 피그마의 대표 기능 중 하나인, Auto Layout을 활용하여 버튼을 만들어 보겠습니다.Auto Layout이란?Auto Layout은 요소들 사이의 간격, 정렬, 크기 조절 등을 자동으로 설정해주는 피그마의 기능입니다. 텍스트 길이가 바뀌어도 여백이 유지되고, 여러 요소를 묶어 정렬하거나 간격을 조절할 때 매우 유용합니다. 반복되는 UI 컴포넌트를 만들 때 시간을 절약하고 일관성을 유지할 수 있는 핵심 기능입니다. 기본 : 버튼 만들기아래와 같은 순서로 차근차근 따라하시면 30초 안에 버튼을 만들 수 있습니다.1. 텍스트 작성하기 [T] 버튼을 눌러 버튼명이 될 텍스트를 작성해 줍니다.2. 텍스트를 그룹으로 만들기[Group selection] 또는 [ctrl/command + G]를 눌러 방.. 2025. 4. 8. [Figma] 복잡한 피그마 파일 정리, 이렇게 해보자 UX 디자이너의 소울 메이트, Figma.바쁜 프로젝트 일정에 쫓기다가 문득, Figma 폴더가 혼돈의 카오스로 변해 있는 것을 발견한 적 있으신가요?이 복잡한 혼돈의 파일 더미에 어떻게 질서를 부여할 수 있을까요? UX 디자인 작업은 많은 자료와 아이디어가 얽혀 있는 복잡한 과정입니다.그래서 파일 구조를 명확히 하고, 필요한 자료를 적절히 분류하면필요한 걸 찾는 데 시간이 덜 걸리고,작업할 때 훨씬 효율적이고,팀원들과도 훨씬 매끄럽게 소통할 수 있어요. 그래서 이번 글에서는 Figma 파일을 체계적으로 정리하는 방법을 소개해보겠습니다.피그마 파일을 어떻게 분류하고, 각 항목별로 어떤 내용이 포함되어야 하고, 왜 해당 분류가 필요한지 설명드리겠습니다.(보시기 쉽게 표로 한방에 정리했어요)항목내용필요성벤치.. 2024. 8. 16. 지라(Jira) 자동화 규칙 만들기 : 티켓 상태 변화 시 Slack 메세지 보내기 (feat. 웹후크) 호주 기업 Atlassian에서 만든 Jira는 프로젝트 관리를 위해 사용되는 서비스입니다. 기능을 제대로 사용하면 편리하지만, UX가 그리 친절하지만은 않아 약간의 공부가 필요합니다. 오늘은 Jira에서 다음과 같은 자동화 규칙을 만들어보려고 합니다.티켓 상태가 변화될 때마다 Slack 채팅방에 메세지 보내기 아주 간단하니 차근차근 따라와 주시길 바랍니다.1. 자동화 규칙 만들기 진입 경로각 프로젝트별 보드 우측 상단에 보면 번개 모양의 아이콘이 있습니다.여기서 [+ 자동화 만들기]를 눌러주세요. 2. 조건 설정하기 (트리거)그럼 가장 먼저 '트리거'를 설정하라고 합니다. 트리거는 '방아쇠'라는 뜻 그대로 특정 액션을 실행시키는 이벤트입니다. 저희는 "이슈의 상태가 변경되었을 때" 메세지를 보내고 싶으.. 2023. 4. 28. 컨플루언스에서 기획 문서 양식(템플릿)을 만들어보자 PM은 업무 특성 상 기획 문서를 만들 일이 많습니다. 많으면 일주일에 서너개 이상의 기획 문서를 제작하는데요, 매번 기획 문서에 필요한 공통 양식을 일일이 만들려니 여간 귀찮은 것이 아닙니다. 이럴 때 활용하기 좋은 것이 컨플루언스의 템플릿 기능입니다. 한번 만들어 놓으면 문서를 새로 작성할 때마다 불러오면 공통 요소들을 따로 만들지 않아도 됩니다. 그럼 거두절미하고 만드는 방법을 한번 알아봅시다. 1. 스페이스 > 스페이스 설정 > 디자인 > 양식양식을 사용하고 싶은 스페이스에 들어가서 스페이스 설정 메뉴로 진입합니다. 그럼 '디자인' 항목에 '양식'이 있는데 이걸 선택헤주세요. 2. 새 양식 만들기'양식' 페이지에 들어가셨으면 우측 상단의 '새 양식 만들기'를 선택해 줍니다. 3. 양식 작성그럼 이.. 2023. 4. 5. 이전 1 다음 728x90 반응형
