스케치(Sketch), Adobe XD가 아닌 피그마(Figma)를 선택한 이유 Figma vs Sketch vs Adobe XD 3개 툴 경험으로 왜 피그마를 사용하는것이 좋은지 이야기를 해봅니다. Sketch는 신세계였다 2015년 처음 느꼈던 Sketch의 감동은 지금 돌아봐도 잊을 수 없는 경험이었다. 수백 장의 PPT 화면정의서에 단축키를 외워가며 네모, 세모로 노가다 작업을 하던 중 만났던 벡터 기반의 가볍지만 너무 완벽했던 디자인 전문 툴 Sketch는 시장에 없던 새로운 제품이었다. 물론 발사믹, UX pin 등 일부 UI 설계 툴들과 프로토타입핑 툴이 있긴 했지만 퀄리티, 퍼포먼스 등에서 비교 대상이 되지 못했으며 당시 툴들은 전체적으로 무거웠다. 2015년 팀에 공유했던 업무 프로세스를 변경해야 하는 이유, 당시는 이게 최고였다! 특히 UI 설.. 2021. 4. 30. 피그마(Figma) 베리언트(variants)로 디자인 시스템 전환 마림바 디자인은 Figma 툴을 사용하고, Figma의 팀 라이브러리 기능을 활용하여 디자인 시스템을 관리하고 있다. 작년 10월에 Figma에 variants가 추가되었다. 개발 Handoff가 더 유용한, 좀 더 코드적이고 실제로 관리하기도 편하다고 소개를 봤지만 그때는 오픈하고 정신없을 때라 적용하지 않다가 최근에 디자인 일정에 여유가 생겨서 전체적인 디자인 파일 점검 및 디자인 시스템 유지 보수 하면서 variants를 적용했다. 그 과정에서 알게 된 것을 정리해보았다. 기존 Component 사용 vs. 신규 생성 "테스트는 따로 하고, 실제 적용은 무조건 기존 컴포넌트를 combine 해서 만들자" - 처음에는 베리언트에 대해서 스터디 + 잘못되었을 때 원복 하기 쉽도록 테스.. 2021. 4. 30. 이전 1 다음
