피그마 UI 3변경 후 마스크에서 녹색 라인이 보일경우 피그마 UI3 변경 후... 마스킹을 입힌 부분에... 현광 녹색 라인이 보여서... 피그마 과부하인가 생각이 되서 피그마 종료했다가 다시 켜고, 컴까지 다시 켰다가 껏지만 이 라인이 없어지지 않았다. 피그마 UI3를 적용하지 않았던 다른 노트북은 이 녹색 라인이 보이지 않고 정상적이라서, 피그마 UI3의 에러인가 생각하고 찾아보니, 설정 문제였다. 상단메뉴 > View > Mask Outlines 에서 체크를 꺼주면된다. UI Design/Figma 2024.11.17
iPhone 미러링 설정이 안될경우 macOS Sequoia 15 로 바뀌면서, iPhone 미러링을 통해 Mac에서 iPhone을 사용할 수 있다고해서 시도해봤는데.. 연결이 안됨.. 아래 2가지 조건을 맞춰야 한다고 함.. 두 기기 모두 Wi-Fi 및 Bluetooth®가 켜져 있음두 기기 모두 동일한 Apple 계정에 로그인되어 있음위 조건을 다 맞췄는데도, 작동이 안됨 ㅠ 구글링을 해서 해외 문서도 찾아봐도 똑같은 내용만 있었는데... 결론은 이것이었음. 혹시 안되시는 분들 있으시면 이 부분도 꼭! 확인!시스템설정 > 데스크탑 및 Dock > 위젯 아이폰을 최근 16으로 바꾸었는데, 위젯 설정이 예전 핸드폰으로 잡혀 있었다. 새 아이폰으로 설정을 바꿔주니 미러링 설정이 바로 완료됨 UI Design/Tips 2024.11.13
피그마(Figma) 추천 플러그인(Plugin): 색상(Color) 편 Coolors Coolors 사의 플러그인 선택한 컬러를 기반 팔레트 생성 유행 컬러 팔레트 검색 uiGradients 350가 넘는 그라디언트 단 한 번의 클릭으로 프레임, 그룸, 텍스트에 그라디언트를 적용할 수 있다. 그라디언트 은근 색상 고민 하느라 시간 오래 걸리는데, 먼저 비슷한 그라디언트 설정 후 세부 조정하는 방향으로 사용하면 시간 세이브! UI Color Palette 선택한 색상의 Lightness scale를 설정해 준다. 미리 설정된 값에서 고르거나(Material Design, Atlassian...) 커스텀 스케일 생성 원클릭으로 컬러 팔레트(Color Palette) 자동 생성 UI Design/Figma 2023.07.04
피그마(Figma) 추천 플러그인(Plugin): 이미지(Image) 편 피그마(Figma) 플러그인(Plugin) 추천 기준: 유료 플러그인은 가급적 제외, 개인적으로 사용하기 편리하거나, 콘텐츠가 많은 플러그인, 업데이트 또는 오류 해결이 잘 되는 플러그인 Unsplash 상업적, 개인 프로젝트에서 모두 사용할 수 있는 라이센스 프리 이미지 무료 제공 무료 이미지 제공 플로그인이 많지만, 개인적으로 다른 무료 이미지 플러그인과 비교 했을 때 이미지 콜렉션이 고급스럽다. Remove. BG 이미지의 배경을 제거해주는 플러그인 이미지를 선택하고 "Run" 버튼 한번만 누르면 배경 이미지가 깔끔하게 제거된다 단 한번의 클릭으로 배경 이미지가 정말 말끔히 지워진다. (포토샵보다 좋음) * https://www.remove.bg/ 사이트에 가입하고, API 키를 등록해 줘야함 Lo.. UI Design/Figma 2023.07.04
피그마(Figma) 단축키(shortcut): 많이 쓰는 것만 정리 피그마 키보드는 업데이트 때마다 자주 변동되는 경향이 있어서 😭 , 가장 최신의 단축키 정보를 보려면, (Figma Desktop App version 116.10.9 기준) 피그마에서 키보드 단축키(Keyboard Shortcuts)를 눌러 메뉴별로 확인할 수 있다. Mac: Ctrl⌃ + Shift⇧ + ? Win: Ctrl + Shift + ? 그중 개인적으로 가장 많이 사용하게 되는 단축키(My Favorite Keyboard)만 정리해 봄 * 맥 키보드 참고 ⌃: Ctrl, ⌘: Command, ⇧ Shift 기본 기능 Mac Win Show / Hide UI ⌘ \ CTRL \ Pick Color(색상 선택) ⌃ C Shift C Add auto layout ⇧ A ⇧ A Frame sele.. UI Design/Figma 2023.06.30
Photoshop(Beta) 데스크탑 앱의 '생성형 채우기(Generative Fill)' 알아보기 최근 디자인 커뮤니티에서 가장 핫하게 소개되고 있는 Photoshop(beta) 데스크톱 앱의 '생성형 채우기(Generative Fill)' 기능에 대해 설치부터 기능까지 알아보려고 한다. '생성형 채우기(Generative Fill)'이란. AI 기술을 사용해 사진에 오브젝트를 추가한다거나, 필요 없는 이미지를 삭제, 또는 배경 이미지를 자연스럽게 확장해 주는 등... 포토샵을 자주 사용하는 디자이너라도 조금은 귀찮은 작업들을 대화창(프로프트)의 명령어 하나로 필요한 작업들을 실행해 주는 기능이다. '생성형 채우기(Generative Fill)'를 사용해 본 후기를 먼저 적어보자면, 어느 정도 러프한 이미지여도 괜찮을 경우, 제안서에 들어갈 설명 이미지 등 임시용(또는 급할 때)으로 사용이 가능하다... UI Design/News 2023.06.22
애플, 스케치와 피그마용 공식 디자인 키트(Design Kits) 공개 애플이 드디어 피그마와 스케치용 공식 Design Kits을 공개했다. 이번 가을에 런칭될 macOS Sonoma이 포함, 되어 있다. 애플 공식 웹사이트 디자인 리소스 페이지에서 스케치 파일을 직접 다운받을 수 있고 프로덕션 템플릿, 디자인 템플릿, 스케치 라이브러리가 포함되어 있다. 피그마에서는 공식 커뮤니티 계정이 오픈되었고 피그마 사이트에서 바로 다운받아 사용이 가능하다. https://www.figma.com/@apple macOS Sonoma, iOS17, IPadOS 17의 디자인 라이브러리와 템플릿이 포함된 디자인 리소스가 공유 되었으며, 시스템 인터페이스, 텍스트 스타일, 컬러 스타일을 포함한 다양한 콤포넌트를 담고있다. macOS UI 콤포넌트(툴바, 테이블, 버튼, 메뉴, 커서 등) .. UI Design/News 2023.06.21