Sendra：在 Figma 中设计邮件，导出随处可用的 HTML
对于设计师和开发者来说，邮件设计一直是个头疼的问题。传统的邮件设计流程往往需要在设计工具和代码编辑器之间反复切换，不仅效率低下，还容易因为邮件客户端的兼容性问题导致渲染效果不一致。现在，Sendra 试图解决这一痛点：它允许你直接在 Figma 中设计邮件，并一键导出兼容性良好的 HTML，让邮件设计变得像设计网页一样流畅。
从设计到代码，一步到位
Sendra 的核心功能是将 Figma 设计稿转换为适用于各类邮件客户端的 HTML。这意味着，设计师可以继续使用他们熟悉的 Figma 工具进行创作，而无需学习复杂的邮件 HTML 编写规则。同时，开发者也不必手动处理邮件客户端的各种兼容性 bug，因为 Sendra 生成的 HTML 已经过优化，能够在 Gmail、Outlook 等主流邮件客户端中正常显示。
这种工作流程的转变，有望大幅缩短邮件设计项目的交付周期。以往，一个简单的营销邮件可能需要设计师和开发者来回沟通数日，而现在，借助 Sendra，从设计到成品可能只需要几个小时。
解决邮件设计的长期痛点
邮件设计之所以特殊，是因为它受限于 HTML 和 CSS 的古老子集。许多现代网页设计技术，如 Flexbox 或 CSS Grid，在邮件客户端中并不完全受支持，这导致设计还原度低，开发者需要编写大量 hack 代码。Sendra 通过提供一套受支持的组件和样式系统，确保设计稿中的元素能够被正确转换，从而在保证设计还原度的同时，也保证了代码的可维护性。
此外，Sendra 还支持在 Figma 中直接预览邮件在不同设备上的显示效果，让设计师能够提前发现并调整潜在的布局问题。这种即时反馈机制，进一步提高了设计质量。
对设计师和团队的潜在影响
对于独立设计师或小型团队而言，Sendra 降低了邮件设计的门槛，使得没有专业前端开发人员的团队也能独立完成高质量的邮件设计。对于大型企业，Sendra 则有助于建立统一的设计规范，通过 Figma 库共享邮件组件，确保品牌一致性。
不过，Sendra 目前仍处于早期阶段，其实际生成代码的复杂度和灵活性还有待检验。对于包含复杂交互或个性化内容的邮件，可能仍需要人工干预。但无论如何，Sendra 代表了一种趋势：将设计工具与代码生成紧密结合，让设计师拥有更大的掌控力，同时减少开发者的重复劳动。
总结
Sendra 为邮件设计提供了一种全新的工作方式，它巧妙地利用了 Figma 的生态，解决了邮件设计中的核心痛点。虽然它可能不会完全取代传统的邮件开发流程，但对于追求效率和设计质量的团队来说，无疑是一个值得关注的工具。随着邮件在营销和用户沟通中的重要性持续上升，这类创新工具的出现，或许能推动整个行业向更高效的方向发展。
