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

Share
스크린샷 2026-08-12 14.36.42.png.webp
스크린샷 2026-08-12 14.57.10.png.webp

저는 요즘 코덱스로 이것저것 하고 있습니다

우선 삼성 모바일 확장 변환 프로젝트는 SIX Bridge 라는 이름으로 거의 마무리가 됐네요

apk 앱은 구글 프로텍트에 개발자 인증을 한 상태고 플레이스토어 배포는 보류 중입니다

(앞으로 보안 정책이 변경돼서 인증 안받은 앱은 설치가 안된다고 하죠...)

 

아마 인증만 받고 플레이 스토어가 아닌 외부 배포를 하게 될 거 같네요

앱 구조상 심사 통과하기가 쉽지 않을 것 같아서요

 

데스크탑 앱은 현재 맥 버전만 완성을 했는데

어차피 브라우저 한계로 요청 권한이 많은 확장은 호환이 잘 안될 거고

용량 작은 확장 그러니까 add pinry 같은 확장은 모바일에서도 변환이 잘 돼서

데스크탑 앱의 필요성이 크지는 않지만 어쨌든... 만들긴 했습니다

 

그런데 첫번째 스샷을 보면 디자인이 참 그렇죠 그냥 개발 테스트용 디자인 수준인데

개선을 좀 해보려고 했더니 코덱스에서 슈퍼파워 플러그인과 함께

피그마 mcp를 알아서 연결하고 분석하더니 괜찮게 뽑아 주더라고요

 

스크린샷 2026-08-12 14.56.46.png.webp
스크린샷 2026-08-12 14.56.30.png.webp

이런 식으로 잘 만들어 주네요

 

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

 

스크린샷 2026-08-12 15.00.59.png.webp

요런 화면이죠

 

사실 이거 만들 때는 디자인은 크게 생각 안하고 그냥 기능만 구현했던 프로젝트라 손볼 곳이 많더라고요

성능 개선과 특히 보안도 많이 개선 하고 이런 저런 기능도 추가하고 버릇처럼 SSO 로그인도 붙여보려고

우선 설계해서 자리만 만들어 둔 상태고요

 

이것도 디자인을 변경해보려고 하니

 

스크린샷 2026-08-12 15.14.30.png.webp

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

 

스크린샷 2026-08-12 14.56.19.png.webp
스크린샷 2026-08-12 15.17.42.png.webp
스크린샷 2026-08-12 15.20.22.png.webp

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

 

스크린샷 2026-08-12 15.22.41.png.webp

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

 

스크린샷 2026-08-12 15.12.38.png.webp

제가 최종 선택한 UI/UX는 이거네요 원본 디자인이랑 비교하기가 미안한 수준이죠

 

이과 감성을 가지고 있으면서 디자이너가 아니 사용자 입장에서

앱이나 서비스를 만들 때 디자인이 가장 난감했었는데 확실히 많이 좋아진 것 같습니다

 

예전에는 진상 클라이언트 처럼 요구하면서 원하는 디자인이 나올 때까지 AI를 괴롭혔다면

지금은 대부분 처음 보여주는 후보군 중에 맘에 드는 시안이 있더라고요

 

코덱스 사용하시는 분들은 다른 AI 서비스에서 만들었던 앱이나 서비스가 있다면

코덱스에서 디자인 리팩토링을 해보시는 것도 좋을 것 같습니다 

 

스크린샷 2026-08-12 16.05.59.png.webp

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

Read more

시놀로지 도커에 Motrix 다운로더 설치하기 (ft. 확장프로그램)

https://svrforum.com/software/3186784   얼마 전에 소개 했던 Motrix 앱은 2.0.0 베타 버전이라 지금 활발하게 버그 수정이 되고 있는 상태입니다   도커 버전을 지원해서 설치를 해봤었는데 사용하는 사람이 별로 없는지 수정 안된 버그가 좀 있더라고요 직접 수정을 하는 것보다 이슈 제보를 하는게 낫겠다 싶어서 서버와 확장의 몇가지 버그를

By 빨간물약