겸소니

Two-level hierarchical List - 사이드 네비게이션 UX 인터렉션을 비교해서 디자인에 적용하기

2026-03-18T01:59:47Z

좌측 사이드 네비게이션 리스트에서 하위 메뉴 선택이 필요한 인터랙션에 대해, AI를 활용해 UI/UX를 비교 분석했습니다. 레퍼런스는 클로드 화면과 구글 스튜디오 화면입니다. 세 패턴의 본질적 차이 A. Push (Claude Code 방식) : Flyout navigation 공간으로 계층을 표현합니다. 1depth 메뉴를 클릭하면 오른쪽에 2depth

Token Studio for Figma - 아직은 AI가 variable은 생성할 수 없어서 사용하는 플러그인

2026-03-06T02:00:34Z

AI를 활용한 디자인 작업에서 Figma는 버전 히스토리 관리 도구로 자리잡고 있습니다. Claude Code의 Figma 코드 생성 기능을 활용하면 웹 화면을 디자인 파일로 옮길 수는 있지만, 디자인 시스템 수준의 구현까지는 한계가 있었습니다. 이미 구현된 프로젝트를 Figma로 옮기는 데 많은 시간을 쓰는 것이 비효율적이라 판단했고, 수작업 의존도를 낮

Figcomponents - Figma에서 바로 쓸 수 있는 UI 컴포넌트 모음

2025-10-13T23:50:22Z

Figma에서 바로 쓸 수 있는 UI 컴포넌트 모음 https://www.figcomponents.com UI 디자인할 때 버튼, 카드, 네비게이션 같은 기본 컴포넌트를 새로 만드는 일이 반복된다. 물론 디자인 시스템이 있으면 좋지만, 프로젝트 초기나 개인 작업에서는 매번 세팅하기가 번거롭다. AI가 디자인을 잘 뽑아주더라도 디자이너의 손이 필요하기 때문

디자이너의 AI - AI 보조 디자이너들을 조사해 보았다.

2025-09-15T10:18:30Z

Figma AI 기능 비교 정리 1. Figma First Draft 핵심 기능: 아이디어 → 디자인 자동 생성 사용 방법: 프롬프트 입력 → 완성도 있는 UI 레이아웃 초안 생성예시: “여행 앱 홈 화면” 입력 → 헤더, 카드 리스트, 네비게이션 자동 배치 장점: 0에서 시작하지 않고 빠르게 방향성 잡기 가능 디자이너가 수정·세부 디자인에 집중 가능 위치

UIUX디자인에 대한 논리적 근거 확보하기 - Button의 사용자 편의성을 위한 바람직한 위치

2024-11-29T05:58:20Z

지금 디자인을 하고 있는 화면에서 상단 오른쪽에 있는 버튼을 하단 오른쪽으로 옮겨야 하는 논리적인 근거가 필요하여 자료를 찾아보았다. 찾아본 사이트는 아래와 같다. -chatGPT https://chatgpt.com -Law of Ux https://lawsofux.com -UX movement https://uxmovement.com 제일 먼저 cha

UIUX디자이너에게 유용한 웹사이트

2024-11-29T16:53:40Z

디자인 시스템 https://www.designsystems.com/open-design-systems/ 다양한 회사의 피그마 디자인 시스템을 참고할 수 있는 사이트 입니다. 디자인 시스템을 처음 구축할 때 컴포넌트들의 스타일 가이드를 참고하기 좋습니다. UIUX 디자인 원칙 https://lawsofux.com JON YABLONSKI가 정리한 보편

리멤버 UX 리뷰 - 명함 OCR UIUX

2023-09-18T04:00:59Z

리멤버는 커리어 관리를 할 수 있는 커뮤니티 앱이다. 요즘은 채용 쪽으로 확장하여서 개인과 기업을 연결해 주는 비즈니스로 고도화하고 있음! 개인적으로 이번에 새로 디자인 로고 너무 이쁘다. 리브랜딩 성공적! 오늘 알아볼 기능은 명함을 올릴 때 사용자들이 어떤 플로우로 서비스를 경험하게 되는지를 알아보려고 한다. 명함을 등록하는 이유는 명함에 있는 정보들로

나이키 런 클럽 UX 리뷰 - 기간별 통계 보기

2023-08-20T14:18:58Z

기간을 설정하여 필터링해서 보여주어야 하는 데이터에 대한 UXUI 참고 자료 조사가 필요했다.먼저 사용자가 기간별로 필터링을 해야 하는 이유가 무엇일까에 대해 고민해 보면사용자는 본인의 돈, 시간, 건강 등이 어떻게 변화가 되고 있는지를 조회하기 위해 원하는 기간을 설정하게 된다.기간을 설정하고 조회 신청을 하면 그 기간 동안의 변화를 한눈에 알아볼 수 있

lumen5 리뷰 - AI 동영상 제작 2

2023-08-04T16:53:45Z

앞서 PICTORY라는 AI 동영상 제작 툴을 리뷰했었다. 비슷하지만 조금 다른 lumen5라는 서비스도 리뷰를 하고자 한다. 픽토리와 비슷한 보라색 컬러로 브랜드 디자인을 했다. AI는 뭔가 보라색인가..?! New video 버튼을 눌러서 비디오 제작을 시작한다. 왼쪽 사이드 메뉴에 보면 아래로 여러 메뉴들이 보이는데 brand kit 가 눈에 띈

PICTORY 리뷰 - AI 동영상 제작

2023-08-04T16:54:03Z

요즘 GPT 가 등장한 후로 엄청난 AI 기능들이 넘처나는 느낌이다. 대표적으로는 Chat-GPT, Dall-e-2 부터 시작해서 adobe 에서는 파이어 플라이까지 AI를 활용한 툴들이 많아 지고 있다. 오늘 AI 동영상 제작 툴로 제일 먼저 안정화를 이룬 PICTORY 에 대한 리뷰를 해볼까 한다. 스크립트를 넣을지, 블로그의 아티클을 연동할지 아니

"착한 의사" UI/UX 리뷰

2023-08-04T16:54:09Z

오늘 찾아본 앱은 “착한 의사”이다.주요 기능으로는 저렴한 가격, 나의 지역, 성별 등 나에게 맞는 검진 센터를 찾아볼 수 있다.5~6년 전만 해도 건강 검진을 하려면 백만 원 정도 필요했던 것 같은데..나도 이것저것 빼고 할인받아서 40만 원 정도에 했던 기억이 있다. 착한 의사 앱을 통해서 찾아보니 건강 검진이 10만 원대인데 대장 내시경 같은 것들을

아실 UI/UX리뷰

2023-05-11T10:24:06Z

아실은 부동산 앱이다. 부동산 앱을 여러 개를 비교해 본건 아니지만 대량의 데이터를 한 곳에 잘 모아 꽤나 잘 만들어진 앱이라는 생각이 든다. 부동산을 구매할 때 유저들에게 필요한 정보들이 무엇인지 세세하게 조사하여 사용자들이 이 앱 하나를 통해 모든 정보를 파악할 수 있게 해 두었는데 심지어 정보에 대한 신뢰도까지 높은 편이다. 부동산 스터디 섹션

UI: modal과 dialog - 그게 뭐죠?

2023-11-01T08:18:18Z

모든 디자이너들이 각종 UI 엘리먼트들을 정확하게 이해하고 있을까? 다만 나는 누군가가 나에게 모달과 다이얼로그가 뭐냐고 물어보았을때 제대로 설명하지 못했다. 두루뭉실하게 알고 있어서 정확하게 설명을 할수 없었다. 제대로 알기 위해 공부하면서 이해하게 된 개념들을 글로 남겨두려고 한다. UI 디자이너로 입문 하시는 분들께 도움이 되는 기록이면 좋겠다. h