코덱스의 UI/UX 설계 수준?


저는 요즘 코덱스로 이것저것 하고 있습니다
우선 삼성 모바일 확장 변환 프로젝트는 SIX Bridge 라는 이름으로 거의 마무리가 됐네요
apk 앱은 구글 프로텍트에 개발자 인증을 한 상태고 플레이스토어 배포는 보류 중입니다
(앞으로 보안 정책이 변경돼서 인증 안받은 앱은 설치가 안된다고 하죠...)
아마 인증만 받고 플레이 스토어가 아닌 외부 배포를 하게 될 거 같네요
앱 구조상 심사 통과하기가 쉽지 않을 것 같아서요
데스크탑 앱은 현재 맥 버전만 완성을 했는데
어차피 브라우저 한계로 요청 권한이 많은 확장은 호환이 잘 안될 거고
용량 작은 확장 그러니까 add pinry 같은 확장은 모바일에서도 변환이 잘 돼서
데스크탑 앱의 필요성이 크지는 않지만 어쨌든... 만들긴 했습니다
그런데 첫번째 스샷을 보면 디자인이 참 그렇죠 그냥 개발 테스트용 디자인 수준인데
개선을 좀 해보려고 했더니 코덱스에서 슈퍼파워 플러그인과 함께
피그마 mcp를 알아서 연결하고 분석하더니 괜찮게 뽑아 주더라고요


이런 식으로 잘 만들어 주네요
이 식스 브릿지 프로젝트 말고 예전에 만드 AI 레시피 추출기 프로젝트도 리팩토링 하고 있는데

요런 화면이죠
사실 이거 만들 때는 디자인은 크게 생각 안하고 그냥 기능만 구현했던 프로젝트라 손볼 곳이 많더라고요
성능 개선과 특히 보안도 많이 개선 하고 이런 저런 기능도 추가하고 버릇처럼 SSO 로그인도 붙여보려고
우선 설계해서 자리만 만들어 둔 상태고요
이것도 디자인을 변경해보려고 하니

이렇게 시안을 뽑아주고 세번째를 선택하니



세부 UX 선택지를 보여줍니다

메인이 아닌 화면들도 보여주면서 수정할 부분이 있는지 확인할 수 있습니다

제가 최종 선택한 UI/UX는 이거네요 원본 디자인이랑 비교하기가 미안한 수준이죠
이과 감성을 가지고 있으면서 디자이너가 아니 사용자 입장에서
앱이나 서비스를 만들 때 디자인이 가장 난감했었는데 확실히 많이 좋아진 것 같습니다
예전에는 진상 클라이언트 처럼 요구하면서 원하는 디자인이 나올 때까지 AI를 괴롭혔다면
지금은 대부분 처음 보여주는 후보군 중에 맘에 드는 시안이 있더라고요
코덱스 사용하시는 분들은 다른 AI 서비스에서 만들었던 앱이나 서비스가 있다면
코덱스에서 디자인 리팩토링을 해보시는 것도 좋을 것 같습니다

참고로 저는 Superpowers 라는 플러그인을 사용중입니다