본문 바로가기

전체 글85

Figma AI: 디자인의 새로운 패러다임 Figma AI: 디자인의 새로운 패러다임디자인 도구의 진화는 디자이너에게 큰 변화를 가져왔습니다. Figma는 AI를 활용하여 우리의 디자인 작업을 혁신적으로 바꾸고 있습니다. 이번 글에서는 디자이너들이 흥미를 가질 만한 Figma AI의 주요 기능들을 소개하고, 어떻게 우리의 디자인 작업을 더욱 즐겁고 효율적으로 만드는지 알아보겠습니다.1. 마법 같은 디자인 생성Figma AI는 마치 디자인 마법사처럼 작동합니다. 텍스트 프롬프트를 입력하면, AI가 다양한 스타일과 레이아웃의 모바일 및 웹 UI 목업을 생성합니다. 예를 들어, "지도와 카드가 포함된 피자 찾기 앱"이라고 입력하면, AI는 다양한 디자인 옵션을 제시합니다. 이 기능은 초기 아이디어를 빠르게 시각화할 수 있어, 디자이너의 창의성을 더욱 .. 2024. 7. 3.
Pass Through 레이어 혼합모드란? Pass Through와 그 외의 모드: 차이점과 활용법그동안에는 레이어 혼합 모드에 따라 레이어 간의 영향을 끼치는 방식이 다르다는 점을 크게 인식하지 않고 사용했는데, 문득 Pass-Through 모드가 어떤 방식이고 왜 색상이나 이펙트 같은 곳에도 레이어 혼합모드를 설정할 수 있는 부분이 궁금해졌다.Pass Through란?Pass Through란 ‘통과’한다는 의미로 해석이 되는데, 아래의 이미지를 보면서 이해하면 좀 더 이해가 쉬울 것 같다. 1. 우선 도형과 텍스트가 하나로 묶인 그룹 레이어와 배경 레이어를 준비한다. 이때 그룹 레이어의 혼합 모드는 기본적으로 Pass Through로 되어있을 것이다. 2. 다음은 그룹 내의 텍스트의 혼합 모드를 Soft Light로 변경해보았다. 이때 함께 .. 2024. 7. 2.
새로운 디자인 컴포넌트 도입 절차 소프트웨어 개발 과정에서 새로운 디자인 컴포넌트를 도입하는 것은 흥미로운 도전이자 중요한 결정입니다.올바른 절차를 따라 진행하면 더 나은 결과를 얻을 수 있습니다.이를 위한 단계별 프로세스를 정리해봤습니다.새로운 소프트웨어 컴포넌트 도입 절차1. 시작프로젝트에 새로운 기능이 필요할 때, 우선 새로운 컴포넌트가 필요한지 판단합니다.새롭게 도입할 컴포넌트가 프로젝트에 꼭 필요한지 고민해보세요. 2. 기존 컴포넌트 존재 여부 확인:먼저, 기존에 사용 가능한 컴포넌트가 있는지 찾아봅니다.이때 인터넷 검색과 문서 조사를 통해 현재 사용 가능한 컴포넌트를 꼼꼼히 살펴보세요.적합한 컴포넌트가 없다면 새로운 것을 검토할 차례입니다. 3. 타사 컴포넌트 사용 가능 여부 확인타사에서 제공하는 컴포넌트를 사용할 수 있는지 .. 2024. 5. 28.
GPT4o로 외국어 버전 앱 만들기 1탄 - 광고에 대한 이해 혹시 FeelRing 제작기가 궁금하다면 아래 글부터 읽어주시면 감사하겠습니다. 🙇‍♂️[Kor/FeelRing 제작기] - AI로 AI 사이드프로젝트 만들기 - FeelRing 제작기 (1) GPT4o로 외국어 버전 앱 만드는 법에 대해 이야기하기 전에 왜 우리가 외국어 버전 앱을 만들기로 결심했는지에 대해서도 이야기해보면 좋을 것 같다. 이번에 FeelRing 알람앱을 만들면서 AI를 돌리는 서버 비용을 어떻게 메꿀수 있을까 고민을 하다가'우리는 화면이 몇개 없으니 필수 화면에만 배너 광고를 넣어보자!' 라는 결론에 이르렀다.물론 광고가 사용성을 해칠 수 있긴하겠지만, 진솔한 메세지를 담아 우리가 왜 광고를 넣을 수 밖에 없었는지앱을 처음 가입하면 친절하게 안내하여 사용자에게 광고에 대한 거부감의 .. 2024. 5. 20.
AI로 AI 사이드프로젝트 만들기 - FeelRing 제작기 (4) 마케팅 도전기에 대해서 생략하려고 했으나...생각보다 재밌어서 회고겸 글로 정리하면 좋을 것 같아서 작성해봤습니다. 우선, 저는 마케팅에 대해서는 공부해본 적도 없는 초 비전문가입니다.그래서 역시나 이번에도 chatGPT와 함께 마케팅 전략을 세웠는데요. FeelRing 앱의 수요조사를 하기 위한 랜딩페이지를 인스타그램에서 광고하려고해마케팅을 위한 전략 및 고려해야하는 점을 기획서로 간단하게 작성해줘 GPT는 위 질문에 대한 답을 아래처럼 정리해줬습니다. 1. 목표 설정주 목표: FeelRing 앱의 베타 버전에 대한 수요를 조사하고 초기 사용자 기반을 확보합니다.세부 목표: 랜딩페이지를 통해 사용자의 이메일을 수집하여 향후 마케팅 및 피드백 수집에 활용합니다.앞서 나눈 대화 덕분인지 제가 원하는 바를 .. 2024. 5. 14.
AI로 AI 사이드프로젝트 만들기 - FeelRing 제작기 (3) AI에게 랜딩페이지 구성 요청실제 앱을 개발하기 전에 이 앱이 사람들한테 얼마나 재미있게 느껴질지 수요조사를 해보고 싶었어요. 요즘 노코드 웹사이트 제작 툴도 잘 나오잖아요?저는 아주아주 간단한 랜딩페이지를 만들 생각이기 때문에 요즘 많이 보이는 아임웹 서비스를 사용했습니다. 우선 랜딩페이지 제작을 시작하기 전에, 먼저 AI에게 전체적인 페이지 구성과 들어갈 문구를 요청했어요.역시나 GPT는 사용자 경험(UX)을 최적화하기 위해 어떤 요소가 필요한지, 페이지를 어떻게 구성하는 것이 가장 효과적인지 매우 빠르게 제안했줬어요. 이후 제가 필요한 부분과 필요없을 것 같은 부분을 걸러낸 후 디테일을 잡아갔어요. 일단 크게 About 과 Main service로 섹션을 구분했어요. About에는 유저의 이목을 끌.. 2024. 5. 5.
반응형