펜폿(Penpot)은 웹과 애플리케이션의 화면을 설계하고 함께 검토하는 디자인 도구다. 도형과 글자와 구성 요소를 배치해 화면을 만들고 상호작용의 흐름을 시제품으로 연결할 수 있다. SVG 같은 웹의 표현 방식과 연결되는 설계를 지향한다. 소스를 공개하며 직접 운영하는 설치 방식도 제공한다. [[디자이너]]와 개발자가 [[함께 읽는 화면 설계|같은 결과물을 보면서 구조와 동작을 의논하는 작업]]에 사용할 수 있다.

- [공식 웹사이트](https://penpot.app/)
- [소스 코드](https://github.com/penpot/penpot)
- [라이선스](https://raw.githubusercontent.com/penpot/penpot/develop/LICENSE)

## 기타 등등

- 유연한 배치를 만든 뒤 검사 탭에서 속성과 코드를 확인할 수 있다. 화면에서 정한 간격과 정렬을 구현할 언어로 다시 읽는 입구다. [출처](https://help.penpot.app/user-guide/designing/flexible-layouts/)
- 색과 간격 등에 이름을 붙이는 디자인 토큰은 여러 요소가 공유할 값으로 쓰인다. 한 도형의 색을 고르는 일에서 반복되는 시각 규칙의 이름을 정하는 일로 이어진다. [출처](https://help.penpot.app/user-guide/design-systems/design-tokens/)

#오픈소스 #도구 #웹사이트 #디자인 #인터페이스 #협업