Visily.ai 간단 사용기

Visily.ai

http://www.visily.ai

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

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

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

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

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

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

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 간단 사용기

FRONTEND AI 간단 사용후기

FRONTEND AI . 잠시 쉬는 기간에 여러가지 트렌드를 분석해보는 시간

Producthut(producthut.com) 에 올라온 리스트중에 눈에 띄는 서비스가 있었으니 그 서비스가 FRONTEND AI라는 서비스이다 . 이미 사용하고 있는 이미지를 캡쳐해서 업로드를 하던지 자신이 원하는 화면에 대한 프롬프트를 작성하면 바로 화면을 생성해주면서 그 화면을 여러가지 언어의 code로 뽑아서 개발자 또는 퍼블리셔가 바로 사용할 수 있게 만들어주는 서비스이다

우선 한번 써봅시다 .

접속주소는 https://www.webcrumbs.org/frontend-ai

FRONTEND AI

비슷한 이미지를 캡쳐해서 올리는 방법도 있고 프롬프트를 작성해서 화면을 만드는 방법도 있으나 예전 프로젝트 화면설계서를 캡쳐해서 생성해 보았다.

FRONTEND AI

이미지로 생성한 결과 이렇게 나옴

FRONTEND AI

이렇게 나온 화면을 코드화 할 수 있음

FRONTEND AI

내가 자주 쓰는 vue로 코드를 생성하려고 봤는데 자동 생성을 해서 그런지 불필요한 코드들이 많이 보여서 개발자나 퍼블리셔의 손을 거치지 않으면 안될꺼 같았다 .뭐 아직 초기 버전이라서 좀 더 좋아질꺼라 예상되며 간단한 목업 정도의 프로젝트는 가능하다고 생각되네 . 이게 더 정교해지고 다듬어지면 퍼블리셔와 디자이너가 할일이 줄어들겠네 . 점점 더 문명의 발달로 압박을 받고 있는 퍼블리셔,디자이너,기획자 .

다들 분발합시다 .!!

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