플러그인 비하인드 (새 탭에서 열림)

제너레이티브 아티스트이자 크리에이티브 코더인 맷 데스로리에(Matt DesLauriers)는 코드를 단순한 구현 수단이 아닌 창의적인 표현을 위한 '디지털 붓'으로 정의합니다. 그는 피그마(Figma) 플러그인 생태계를 통해 반복적인 디자인 작업을 자동화하고, 알고리즘을 활용하여 인간의 상상력을 넘어서는 복잡한 시각적 패턴을 생성하는 방법론을 제시합니다. 디자인과 개발의 경계를 허무는 그의 작업 방식은 도구 제작자가 곧 예술가가 될 수 있음을 시사하며, 현대 디자인 워크플로우에 새로운 영감을 제공합니다.

제너레이티브 디자인과 코드의 결합

  • 알고리즘을 통한 시각화: 수작업으로 구현하기 어려운 복잡한 기하학적 패턴이나 무작위성을 코드로 제어하여 독특한 미적 가치를 창출합니다.
  • 창의적 코딩(Creative Coding): 코드를 정해진 결과물을 만드는 도구가 아닌, 실험과 탐색을 위한 매개체로 활용하여 디자인 프로세스에 우연성과 변주를 도입합니다.
  • 캔버스-스케치(canvas-sketch): 웹 기술을 기반으로 고해상도 그래픽과 애니메이션을 제작할 수 있는 본인만의 오픈소스 도구를 활용해 효율적인 작업 환경을 구축합니다.

피그마 플러그인을 통한 워크플로우 혁신

  • 반복 작업의 자동화: 'Looper'나 'Supa Palette'와 같은 플러그인을 통해 수천 개의 레이어를 배치하거나 복잡한 색상 시스템을 구축하는 시간을 획기적으로 단축합니다.
  • 디자인 시스템의 확장성: 코드 기반의 플러그인을 활용하여 디자인 시스템의 일관성을 유지하면서도, 데이터에 따라 유연하게 반응하는 동적인 디자인 요소를 생성합니다.
  • API의 활용: 피그마 API를 깊이 있게 활용하여 정적인 디자인 캔버스와 동적인 코드 로직 사이의 가교 역할을 수행하며 도구의 한계를 확장합니다.

도구 제작자로서의 철학

  • 커스텀 툴 제작의 중요성: 기존 상용 소프트웨어가 제공하는 기능에 갇히지 않고, 자신의 창의적 니즈에 맞는 전용 플러그인과 도구를 직접 설계합니다.
  • 커뮤니티와 공유: 자신이 개발한 도구와 프로세스를 오픈소스로 공개하여 디자인과 개발 커뮤니티가 서로 배우고 성장할 수 있는 생태계를 조성하는 데 기여합니다.
  • 학습에 대한 접근: 기술적인 완벽함보다는 작은 실험부터 시작하여 점진적으로 복잡한 문제를 해결해 나가는 '실행 중심'의 학습 태도를 강조합니다.

디자이너가 코딩을 배우는 것은 단순히 기술적 역량을 쌓는 것을 넘어, 디자인 문제를 바라보는 관점을 확장하는 과정입니다. 복잡하고 반복적인 디자인 과제에 직면해 있다면, 기성 도구에 의존하기보다 피그마 API 등을 활용해 자신만의 해결책(플러그인)을 직접 설계해 보는 시도가 창의적 도약의 발판이 될 수 있습니다.