penpotapp/exporter

Penpot 概述

Penpot 是首个用于设计与代码协作的开源设计工具。设计师可创建精美的设计稿、交互式原型和规模化设计系统，开发者则能直接使用现成代码，简化工作流程并提高效率，有效消除交接障碍。

核心特性

• 开源免费：基于 MPL-2.0 许可证（![License: MPL-2.0]([***]
• 设计功能：提供设计稿创作、交互式原型制作及规模化设计系统管理能力。
• 开发者友好：输出即用型代码，无缝衔接开发流程，减少手动转换工作。
• 协作无缝：打通设计师与开发者协作链路，降低沟通成本，提升团队效率。

使用场景

• 设计师：独立或团队协作完成视觉设计、交互原型设计及设计系统维护。
• 开发者：直接获取设计稿对应的代码资源，加速开发迭代。
• 团队协作：跨职能团队（设计+开发）协同工作，优化项目整体流程。

Docker 部署方案示例

推荐通过 Docker Compose 部署，基础配置示例如下（详情请参考官方文档）：

yaml
version: '3'
services:
  penpot-frontend:
    image: penpot/frontend:latest
    ports:
      - "80:80"
    depends_on:
      - penpot-backend
  penpot-backend:
    image: penpot/backend:latest
    environment:
      - PENPOT_DATABASE_URI=postgresql://user:pass@db:5432/penpot
    depends_on:
      - db
  db:
    image: postgres:14
    environment:
      - POSTGRES_USER=user
      - POSTGRES_PASSWORD=pass
      - POSTGRES_DB=penpot

执行 docker-compose up -d 启动服务，访问 http://localhost 即可使用。

相关资源

• 官方网站：penpot.app
• 用户指南：help.penpot.app/user-guide
• GitHub 仓库：https://github.com/penpot/penpot%EF%BC%88%E9%97%AE%E9%A2%98%E5%8F%8D%E9%A6%88%E4%B8%8E%E8%B4%A1%E7%8C%AE%EF%BC%89
• 社区支持：Penpot Community（![Penpot Community]([***]