Figma 플러그인 ugic.ai 간략 사용기

ugic.ai

요즘 프로젝트를 하면 figma 숙련자를 구한다는 구인글을 심심치 않게 볼 수 있다 .UI/UX부분은 많은 디자이너들이 figma를 사용하지만 기획자의 입장에서는 전체적인 프로젝트의 방향성을 전달하는데는 도움이 되나 복잡한 개발이 주가 되는 프로젝트에서는 기능에 대한 설명을 전달하는게 힘들어서 잘 사용하지 않았는데 모든 기운이 figma를 향해 가고 있는데 나도 살짝 얹혀가야겠다는 생각으로 UGIC.ai 플러그인을 사용해복 한마디 남긴다 .

ugic.ai

UGIC.ai 플러그인Figma에 인공지능(AI)을 결합하여 디자인 작업을 더 효율적이고 창의적으로 만들기 위한 도구이다 .이 플러그인은 인공지능을 활용해 복잡한 디자인 작업을 자동화하고, 디자인 피드백을 보다 스마트하게 처리할 수 있도록 도와준다. UGIC.ai는 특히 반복적인 작업을 줄이고, 디자이너들이 더 창의적인 작업에 집중할 수 있도록 다양한 기능을 제공한다.

UGIC.ai 플러그인의 주요 기능

1. 자동화된 디자인 생성

UGIC.ai는 텍스트 설명이나 간단한 명령어만으로도 디자인 레이아웃을 자동으로 생성할 수있다. 예를 들어, 디자이너가 “3개의 이미지와 텍스트가 포함된 카드 디자인”이라는 요청을 입력하면, 플러그인은 이에 맞는 디자인을 자동으로 생성해 준다.디자이너가 작성해놓은 기본 컴포넌트 베이스로 하고자 하는 디자인의 PRD를 입력해주면 기본적인 레이아웃을 빠르게 만들고, 이후 세부적인 수정을 할 수 있다.

2. 디자인 피드백 및 개선

AI가 디자인의 일관성을 자동으로 분석하여 개선할 수 있는 피드백을 제공한다. 예를 들어, 폰트 크기나 간격이 일관되지 않거나, 요소들이 정렬되지 않은 경우 AI가 이를 감지하고 수정 제안해준다.. 이를 통해 수동으로 검토하는 시간을 줄일 수 있다.

3. 반복 작업 자동화

UGIC.ai 플러그인은 디자인 작업에서 반복되는 과정을 자동화할 수 있는 기능을 제공한다. 예를 들어, 동일한 레이아웃을 여러 페이지에 걸쳐 반복 적용해야 하는 작업을 AI가 대신 처리할 수 있다.

4. 이미지 및 그래픽 생성

AI를 활용해 텍스트 설명을 기반으로 이미지나 그래픽을 생성할 있다. 디자이너가 원하는 스타일이나 테마에 대한 설명을 제공하면, UGIC.ai는 이에 맞는 이미지를 자동으로 생성해준다.

UGIC.ai의 장점

  • 시간 절약: AI를 활용해 반복적인 작업을 자동화하고, 빠른 피드백을 통해 수정 사항을 실시간으로 반영할 수 있다.
  • 창의성 증대: AI가 제공하는 다양한 제안과 피드백을 통해 더 나은 디자인 아이디어를 얻을 수 있다
  • 협업 강화: 팀원들 간의 실시간 협업 기능과 AI 피드백을 통해 더 나은 결과물을 빠르게 도출할 수 있다
  • 디자인 품질 향상: AI가 디자인 요소의 일관성을 유지해주고, 작은 실수를 빠르게 수정할 수 있다.

Visily.ai 간단 사용기

Visily.ai

http://www.visily.ai

Visily.ai 는 디자인 초보자들이 쉽게 UX/UI 디자인을 만들 수 있게 도와주는 툴인거 같은데 간편하고 직관적이네. 디자이너가 아니더라도 누구나 사용할 수 있게 인터페이스가 깔끔하고, 드래그 앤 드롭 기능으로 빠르게 화면을 구성할 수 있다.

미리 설정된 템플릿이 있어서 필요한 구성요소들을 쉽게 배치할 수 있는 점도 큰 장점임 . 내가 굳이 디자인 이론을 깊게 공부하지 않아도, Visily 덕분에 어느 정도 퀄리티 있는 결과물을 낼 수 있을 거 같네

Visily는 협업 기능도 있어서 프로젝트에 다른 사람을 초대해서 동시에 작업할 수 있고, 의견을 실시간으로 주고받을 수 있어서 팀 작업할 때 유용할듯 . 특히 디자이너랑 개발자가 소통할 때 자주 문제되는 ‘이 부분은 어떻게 구현할까?’ 같은 고민을 덜어줄 수 있을 거 같음. 디자이너가 아닌 사람들도 쉽게 접근할 수 있다 보니, 다양한 의견을 반영하기도 더 쉬워질 듯 .

내가 느낀 단점이라고 하면 고급 디자인 기능이나 세부적인 커스터마이징이 필요한 경우에는 조금 한계가 있어 보이네 . 기본 제공되는 템플릿이나 기능들이 간단하고 제한적이어서, 전문 디자이너들이 쓰기에는 조금 부족할 수 있을 거 같고 . 또, 가끔 반응 속도가 느려지는 경우도 있어서 작업할 때 약간 답답한 느낌을 주는 듯 .

결론적으로 Visily.ai는 초보자나 비전문가들이 빠르게 UX/UI 디자인을 만들어야 할 때는 훌륭한 도구지만, 고급 기능을 요구하는 디자이너에게는 조금 아쉬울 수 있는 툴인 거 같다.

피그마나 열심히 하자 T.T

Udio – AI가 노래도 자동으로 만드네

참 세상 좋아졌다 . 아주 오래된 일이지만 음악에 관심이 많던 나는 미디음악을 만들어보겠다는 신념하나로 음표와 박자를 한땀한땀 그렸던 기억이 새록새록 나는데 10년이면 강산이 변한다더니 이제는 AI가 노래를 자동으로 만들어주기 까지 하네 ..

Udio – www.udio.com

udio main

접속을 하면 당연히 회원가입을 해야할 것이고 회원가입을 하고 나면 하루에 10credit을 사용할수 있게 해준다 . 보통 노래 하나를 만들면 다른 스타일의 노래도 생성해주므로 2 credit을 사용하게 되니 하루에 5곡까지는 만들 수 있다 .

create music

왼쪽에 있는 create를 누르고 해당 화면으로 가서 상단에 있는 입력필드에 원하는 노래장르,보컬,템포 등 프롬프트를 작성해주면 알아서 곡을 만들어준다 . 가사를 입력한 경우에는 곡에 가사가 입혀져서 신기하게 나온다 .

테스트로 프롬프트에 1990s hip pop style, korean female vocals and chorus, some hooks, exciting music, fast tempo라고 작성을 했고 가사는 요즘 내 머리속을 복잡하게 만들고 있는 초등학교 엄마들의 치맛바람에 대한 가사가 떠올라서 빠르게 작성하여 넣어줬다 .

제목 : 치맛바람


어디선가 들려와, 그 치맛바람 소리
아이들보다 바쁜 엄마들의 행진
경쟁 속에 달리는 그 발걸음은 빠르네
눈빛은 매섭게, 세상은 좁아지네


치맛바람, 치맛바람, 살며시 불어와
엄마들의 사랑이 가끔은 너무 커
치맛바람, 치맛바람, 멀리서 들리면
조심해, 조심해, 모두가 다칠 수 있어

엄마, 나도 좀 쉬고 싶어
엄마, 나도 내 꿈을 찾아
너의 마음 알지만, 너무 빠르진 말아줘
내 속도에 맞춰 걸어가줘

이런 식으로 작성해서 생성 버튼을 눌렀다 .

다음과 같은 결과를 얻을 수 있었다 .

5분도 안되서 1절의 노래가 만들어지네 . udio로 잘 사용하면 괜찮은 곡을 뽑을 수 있을 거 같네.전문가 수준으로 할려면 우선 노래를 만들고 많은 단계를 거처야겠지만 음악을 좋아하는 우리딸에게 한번 만들어보라고 이야기해봐야겠다 .

방한구석을 차지 하고 있는 마이크와 오디오인터페이스를 보면서 옛 생각에 잠겨본다 .

초등학생 어머니들이 필요한 APP은 무엇일까?

교문에서 아이들을 기다리는 엄마의 모습

프롬프트에 초등학교교문앞에서 아이를 기다리고 있는 엄마의 모습을 만들었더니 ……왠지 중국풍인 느낌을 어찌할꼬 ?

초등학생을 자녀로 둔 엄마들이 필요로 하는 APP이 뭘지 고민 좀 해봅시다 .

학습 지원 APP

  • 교육 콘텐츠 앱: 초등학생 맞춤형 교육 앱은 매우 인기가 있습니다. 국어, 수학, 영어 등 교과 학습을 재미있게 할 수 있는 앱들이 많이 필요합니다. 게임처럼 재미있게 공부를 유도하는 앱이 유용합니다.
  • 독서 관리 앱: 독서 습관을 형성하는 데 도움을 주는 앱도 중요합니다. 책 추천, 독서 일지 작성 기능 등이 포함된 앱을 통해 아이의 독서 습관을 관리할 수 있습니다.

시간 관리 및 생활 습관 APP

  • 시간 관리 앱: 학교 생활이 시작되면서 시간 관리가 중요한데, 학습과 놀이의 균형을 잡을 수 있도록 일정 관리와 할 일 체크리스트 기능을 제공하는 앱도 유용할 수 있습니다. 이 앱은 부모와 아이가 함께 설정하고 관리할 수 있는 기능이 있으면 더욱 좋습니다.
  • 가정 활동 및 생활 습관 앱: 아이가 스스로 할 수 있는 생활 습관을 기르는 데 도움을 주는 앱도 필요합니다. 예를 들어, 정리 정돈, 아침/저녁 루틴, 양치질이나 손 씻기 등의 생활 습관을 재미있게 관리해주는 앱이 좋습니다.

안전 및 위치 추적 APP

  • 위치 추적 앱: 아이가 안전하게 학교에 가고 돌아오는지 확인할 수 있는 위치 추적 앱도 부모들이 많이 찾습니다. 이 앱은 부모가 아이의 위치를 실시간으로 확인할 수 있도록 하며, 비상 상황에서 사용할 수 있는 기능을 제공하는 것이 중요합니다.

건강 관리 APP

  • 식단 및 운동 관리 앱: 아이의 성장기 건강을 위해 적절한 영양과 운동이 필요합니다. 아이의 건강 상태를 체크하고, 일일 영양 섭취량이나 운동량을 기록할 수 있는 앱이 필요할 수 있습니다.

부모 커뮤니티 APP

  • 부모 커뮤니티 앱: 아이의 발달과 교육에 대한 정보를 다른 부모들과 공유할 수 있는 커뮤니티 기능이 있는 앱도 많은 엄마들이 필요로 합니다. 부모들 간에 조언을 구하거나, 경험을 공유할 수 있는 공간이 필요할 수 있습니다.

v0 간단 사용기

v0 를 간단히 사용해보고 소감을 남김

주소 : https://v0.dev

프롬프트에 입력한 대로 화면을 구성해주고 해당 코드를 제공해주는 서비스

지난번에 작성하고 써봤던 frontend ai 와 비슷한 서비스인데 기능면에서는 v0가 더 나은듯한 인상을 준다.

기획자로서 v0의 장점에 대해 이야기해보자면, 정말 많은 이점이 있는 것 같다

  1. 우선 아이디어를 구체화하고 시각화하는 데 큰 도움이 된다 . 머릿속에만 있던 생각을 실제로 구현해보면 팀원들과 공유하기도 쉽고, 모두가 같은 방향을 바라볼 수 있다 .
  2. 빠르게 피드백을 받을 수 있다는 게 장점 일듯 . 사용자나 팀원들의 반응을 보고 바로 개발이나 UX의 방향을 조절 할 수 있다 . 이렇게 초기에 피드백을 받으면 제품의 완성도를 높이는 데 큰 도움이 될것으로 예상된다
  3. 리소스를 아낄 수 있다 . 모든 기능을 다 만들기 전에 핵심 기능만 테스트해볼 수 있어 시간과 비용을 절약할 수 있음
  4. 리스크 관리 측면에서도 유용할 것 같다 . 미리 문제점을 발견하고 해결할 수 있으므로

기획지가 퍼블리셔가 투입되기전에 고객에게 간단하게 prototype을 만들어서 보여줄때 유용하게 쓰일 것 같네 .참 많은 아이디어와 많은 AI 서비스가 나오는 것 같네 . 우리가 갈 자리가 점점 줄어들것 같은 불길한 예감이 들지만 하는데까지는 열심히 해봐야하지 않을까 ?

<테스트 삼아 만들어본 화면임>

v0
v0

FRONTEND AI 간단 사용후기

Figma 플러그인 ugic.ai 간략 사용기

Visily.ai 간단 사용기