Figma에 제대로 된 변형(Transform) 기능이 생겼고, 제가 디자인한 방법은 이렇습니다

안녕하세요 여러분, 저는 Figma와 Adobe를 사용하며 6년 넘게 그래픽 작업을 해왔고, 오랫동안 구상해 온 것을 마침내 완성했습니다. 바로 Figma에서 네이티브하게 작동하는 완전한 변형 도구 세트입니다. 이 도구들을 만드는 것은 한 가지 일이었지만, 제가 가장 많은 시간을 들인 부분은 UX(사용자 경험)였습니다. 제가 아는 대부분의 그래픽 디자이너들은 Figma로 디자인을 배우지 않았습니다. 그들은 Photoshop과 Illustrator에서 배웠고, 손은 여전히 어떤 방식으로 작동할 것이라고 기대합니다. 그래서 저는 새로운 상호작용 모델을 발명하기보다는, 우리가 이미 가지고 있는 습관을 중심으로 설계하려고 노력했습니다. 제가 계속 되돌아온 몇 가지 원칙이 있습니다: 기발함보다 익숙함(Familiar over clever). Puppet Warp나 Liquify를 사용해 본 적이 있다면, 처음 몇 초 안에 무엇을 해야 하는지 알아야 합니다. 같은 개념, 같은 정신 모델(mental model), 다시 배울 필요가 없어야 합니다. 캔버스 위에서의 직접 조작(Direct manipulation on the canvas)입니다. 패널에 가득 찬 숫자 입력창을 통해서가 아니라, 디자인 위에 바로 핸들, 핀, 메쉬 포인트를 잡는 것입니다. 아무것도 최종적일 수 없습니다(Nothing is final). Adobe에서는 되돌아가서 조정할 수 있습니다. 변형된 그래픽이 평면 이미지로 Figma에 돌아오면, 더 이상 조정할 수 없습니다. 변형을 다시 열고 계속 수정할 수 있는 것이 저에게는 필수적이었습니다. 실제 제작 작업(real production work)을 위해 구축되었습니다. 단발성 효과가 아니라, 전체 레이어 세트에 걸친 목업, 포장재, 반복되는 에셋들 말입니다. 여기에는 다음 기능들이 포함되어 있습니다: Plane Warp: 화면, 패키징 및 원근법에 맞춰 아트워크를 네 개의 포인트 표면에 고정합니다. Pin Warp: 핀을 몇 개 떨어뜨리고 모양을 자연스럽게 구부립니다. Liquify: 더 유기적인 결과를 위해 자유롭게 밀고 당기고 모양을 바꿉니다. Custom Mesh: 모든 포인트를 제어하는 그리드 기반 왜곡입니다. 배치 처리(Batch processing): 여러 레이어에 한 번의 변형을 적용합니다. 고품질 내보내기(High-quality export): 인쇄 및 고해상도 전송을 위한 선명한 결과물을 제공합니다. 프리셋 및 재편집(Presets & Re-edit): 자주 사용하는 설정을 저장하고 나중에 돌아와 조정할 수 있습니다. 저는 같은 방식으로 작업하는 분들의 의견을 정말 듣고 싶습니다. 이것이 여러분의 손이 작동하기를 기대하는 방식과 일치하나요? Photoshop이나 Illustrator에 비해 어느 부분이 어색하게 느껴지나요? 무엇이 더 자연스럽게 느끼게 할 수 있을까요? 사용해 보고 싶은 분들은 댓글에 링크가 있습니다.

제출자: /u/Best-Passenger3317 [링크] [댓글]