전체 글114 오픈패스- 피그마 마스터 트랙: 5주차 Figma Make Figma Make 한눈에 보기정의: 메이크는 자연어 프롬프트로 레이아웃과 인터랙션을 생성·수정하고, 필요 시 코드까지 확인·편집해 바로 반영할 수 있는 AI 기반 인터랙티브 프로토타입 제작 도구다.파일 형태: 피그잼, 슬라이드처럼 우측 상단에서 별도의 Make 파일을 생성해 작업한다.핵심 장점: 프롬프트로 빠르게 뼈대를 만들고, Point & Edit로 국소 수정하며, Preview/Code 전환으로 시각 결과와 코드를 오가며 다듬고, Publish로 웹에 배포·공유한다. 시작하기: 파일 생성과 기본 화면파일 생성: Figma 홈에서 Make를 선택해 빈 파일을 연다.화면 구조좌측 패널: 프롬프트 입력 영역이며, 디자인 파일·이미지 첨부로 참고 자료를 함께 제공할 수 있다. 기존 Figma 디자인 프.. 2025. 8. 29. 오픈패스- 피그마 마스터 트랙: 5주차 Figma Site 피그마 사이트(Site) 1. 피그마 사이트란?피그마 사이트는 별도의 개발 과정 없이 직접 반응형 웹사이트를 제작하고 배포할 수 있는 기능이다.피그마에서 만든 디자인을 가져와 반응형 레이아웃, 애니메이션, 인터랙션 등을 적용해 실제 웹사이트처럼 퍼블리시할 수 있다.즉, 디자인 도구와 웹사이트 빌더가 합쳐진 형태라고 보면 된다. 피그잼(FigJam)이나 슬라이드(Slides)처럼 사이트도 별도의 파일 형식으로 관리된다.2. 시작하기홈 화면 상단에서 Site를 선택한다.Blank Site로 새 프로젝트를 시작하거나, 피그마 템플릿을 선택할 수 있다.템플릿은 다양한 컨셉에 맞게 제공되므로, 목적과 가까운 템플릿을 고르면 작업 시간을 크게 줄일 수 있다.3. 인터페이스 구성피그마 사이트는 크게 좌측 패널, 캔버.. 2025. 8. 29. 오픈패스- 피그마 마스터 트랙: 5주차 Figma Buzz 피그마 버즈(Figma Buzz) 1. 개요Figma Buzz는 디자이너뿐 아니라 마케터·브랜드 담당자 등 비디자이너도 함께 디자인을 생성/편집할 수 있도록 만든 협업 도구.소셜미디어 콘텐츠, 행사 자료 등 브랜드 마케팅 에셋 제작에 최적화된 환경을 제공한다.FigJam이나 Slides처럼 별도 파일 유형으로 생성된다.2. 시작하기홈 화면 상단에서 Buzz 생성 → 에셋 제작 시작.다양한 플랫폼별 사이즈 프리셋을 제공(인스타그램, 유튜브, 웹 배너 등).방법제공된 템플릿 선택 후 수정직접 사이즈 커스텀 입력첫 화면 → New Blank Asset → Custom Size → 원하는 수치 입력. 3. 인터페이스 구조좌측 패널: 템플릿, 텍스트, 이미지, 도형(Shapes) 추가 및 관리.툴바: 간단한 편집.. 2025. 8. 29. AI User Interaction : Human-AI Interaction Guidelines MIT Media Lab 출신에게 배우는AI User Interaction 디자인https://fastcampus.co.kr/data_online_aiui MIT Media Lab 출신에게 배우는 AI User Interaction 디자인 | 패스트캠퍼스생성 AI 프로덕트 기획을 위한 A to Z 마스터!fastcampus.co.kr생성형 AI 기능 인터랙션 대원칙 강의 노트1. 개요Human-AI Interaction Guideline을 중심으로 생성형 AI UX 설계 원칙 학습.Microsoft Research가 제시한 18가지 지침이 핵심.구성:유저가 AI 서비스와 처음 상호작용할 때 고려사항사용 중 고려사항AI가 잘못된 아웃풋을 냈을 때 대응지속적 상호작용 시 고려사항.2. 가이드라인 제작 배경H.. 2025. 8. 28. 오픈패스- 피그마 마스터 트랙: 5주차 Figma Draw & Grid Figma Draw 개요Figma Draw는 Figma Design 안에서 일러스트레이션과 고급 벡터 편집을 할 수 있게 하는 모드다. 브러시·펜슬·펜 같은 자유곡선 그리기부터 라쏘, Shape Builder, 멀티 노드 편집, 패턴 채움, 텍스처·노이즈·프로그레시브 블러 같은 효과까지 제공한다. 2025년 Config 발표를 통해 공개되었고, 이후 가변 굵기 스트로크·스캐터 브러시 등도 추가되었다. 1) 드로잉 툴셋(툴바)Pencil(연필): 러프 스케치, 주석, 라인 드로잉에 적합하다. 스트로크의 매끄러움(스무딩)과 가변 폭을 조정해 수공예 느낌을 줄 수 있다. Brush(브러시): 질감과 색을 빠르게 얹는다. 커스텀 브러시, 동적 스트로크(폭 변화), ‘wiggle’ 같은 유기적 흔들림을 조절해 손.. 2025. 8. 27. AI User Interaction : AI 기반 UX 디자인 MIT Media Lab 출신에게 배우는AI User Interaction 디자인https://fastcampus.co.kr/data_online_aiui MIT Media Lab 출신에게 배우는 AI User Interaction 디자인 | 패스트캠퍼스생성 AI 프로덕트 기획을 위한 A to Z 마스터!fastcampus.co.kr AI 기반 UX 디자인 기획 과정1. 강의 개요학습 목표: 생성형 AI에서 필요한 UX 디자인 기획 과정을 이해하고, 기획 전 알아야 할 Human-AI Interaction 이론과 사례 학습.핵심 차이점: 기존 UX 디자인(더블 다이아몬드 프로세스)과 AI 기반 UX 기획 과정의 차이를 비교.추가 포인트: 기존 UX 가이드라인 + XAI(설명 가능한 AI) 적용 필요.2... 2025. 8. 26. 오픈패스- 피그마 마스터 트랙: 5주차 Figma Update Figma 2025 디자인 모드 업데이트 요약1. UI 개선 및 접근성 강화한국어 언어 설정이 가능해져, 인터페이스 전체를 한국어로 사용할 수 있다.레이어 패널에서 중첩된 프레임/그룹을 한 번에 접는 기능(Option + L)이 추가되어 복잡한 문서도 빠르게 정리할 수 있다. 2. 툴바 및 디자인 패널 강화디자인 모드에서도 어노테이션(annotation)과 측정 도구(measurement tool) 사용이 가능해져, 화면 작업 중 바로 설명이나 치수를 삽입할 수 있다.Fill, Effect, Corner radius 패널 관련 개선Fill 설정 시 자동으로 color picker 모달이 열려 빠른 색상 조정이 가능하다.Effect 설정별로 자동 팝업(flyout)이 추가돼 모달 없이 바로 효과 선택 가능.. 2025. 8. 26. 오픈패스- 피그마 마스터 트랙: 4주차 Figma AI Figma AI 2025 기능 정리1. 텍스트 관련 AI 기능▸ Layer Rename레이어 이름을 AI가 자동으로 명확하게 바꿔주는 기능.예: Rectangle 123 → Primary Button / Hover.장점: 디자인 시스템 관리, 협업 시 가독성 및 검색성이 대폭 향상.▸ Replace Content더미 데이터 생성 도구 (Faker.js 같은 기능 내장).이름, 주소, 이메일 등 현실적인 더미 텍스트 자동 삽입.장점: 목업 제작 시 빠른 컨텐츠 채우기 → 시연/테스트용에 적합.▸ Rewrite This이미 입력된 텍스트를 맥락에 맞게 다시 표현.예: 마케팅 카피 → 더 설득력 있게 / UX 라벨 → 더 직관적으로.장점: UX Writer 없이도 기본적인 톤 앤 매너 정리 가능.▸ Trans.. 2025. 8. 23. AI User Interaction : Human-AI Guideline & Responsible AI MIT Media Lab 출신에게 배우는AI User Interaction 디자인https://fastcampus.co.kr/data_online_aiui MIT Media Lab 출신에게 배우는 AI User Interaction 디자인 | 패스트캠퍼스생성 AI 프로덕트 기획을 위한 A to Z 마스터!fastcampus.co.krHuman-AI Guideline & Responsible AI 1. 강의 개요주제: Human-AI Guideline(휴먼 AI 가이드라인)과 Responsible AI(리스펀서블 AI)의 차이다루는 내용: 목적, 대상, 범위, 규제 차이의의:디자이너와 PM이 현업에서 반드시 알아야 할 기초 개념글로벌 기업 정책·사례 학습의 배경 지식향후 실습 및 기획 과정에서 시장 흐름·.. 2025. 8. 22. 이전 1 2 3 4 ··· 13 다음
