# imgrender 文档

> imgrender 文档


- **介绍**
- [快速开始](/docs): 在模板编辑器中设计模板，调用 API 传入变量即可生成图片
- [价格](/docs/pricing): 查看 imgrender 免费额度与价格信息

- **AI**
- [llms.txt · 文档目录](/llms.txt)
- [llms-full.txt · 完整文档](/llms-full.txt)

- **模板开发指南**
- [概览](/docs/template-guide/overview): 用 HTML/JSX 编写模板，发布后通过 API 传入变量生成图片
- [模板编辑器](/playground)
- [变量](/docs/template-guide/variables): 使用模板变量让同一模板生成不同内容的图片
- [布局](/docs/template-guide/layout): CSS Flexbox、Grid 布局、Box Model 和自适应宽高设置
- [样式](/docs/template-guide/style): 使用内联 CSS 样式和 Tailwind CSS 控制元素外观
- [文字排版与字体](/docs/template-guide/typography-and-fonts): 字体管理和高级文本渲染
- [加载图片](/docs/template-guide/load-images): 在 imgrender 中如何正确引用和加载图片

- **API 参考**
- [接入必读](/docs/api/basic): imgrender API 基础信息，接入必读
- [状态码与错误码](/docs/api/status-code): 查看 imgrender API 通用的 HTTP 状态码与业务错误码
- 基于模板生成图片（推荐）
  - [基于模板生成图片（推荐）](/docs/api/generate-image-by-template): 根据已发布模板替换变量后同步生成图片（推荐）
- 基于 JSX/HTML 生成图片
  - [基于 JSX/HTML 生成图片](/docs/api/generate-image): 每次传入完整 JSX/HTML 生成图片。生产环境更推荐基于模板生成图片 API。
  - [自定义字体](/docs/api/generate-image/custom-fonts): 如何在请求时使用自定义字体
- 基于JSON 生成图片 - 旧版
  - [基于JSON 生成图片 - 旧版](/docs/api/generate-image-v1): 根据用户传入的 JSON 配置生成图片，返回图片的访问链接
  - [蓝图 - 描述图片内容](/docs/api/generate-image-v1/blueprint): 描述和控制图片中的内容
  - [通过 Figma 设计图片](/docs/api/generate-image-v1/figma-plugin): 将 Figma 设计稿一键导出为 imgrender 蓝图

- **管理指南**
- [API Keys 管理](/docs/dashboard/api-key): 获取和管理 API Key
- [资源包管理](/docs/dashboard/resource-packages): 管理和购买资源包，以及查看资源剩余量

- **其它**
- [技术支持](/docs/contact-us): 查看 imgrender 社群信息