如何在 Figma 中创建具有两个不同尺寸（一个与手机兼容，另一个与笔记本电脑兼容）的横幅图像

Question

我想创建在移动设备和笔记本电脑视图中都兼容的横幅图像。 我想在数据库中存储两个不同尺寸的横幅图像，并适当地用于移动和笔记本电脑视图。 两个图像应该相同（即任何图像不应被裁剪、拉伸或图像的任何部分不应丢失）如何使用 Figma 创建这样的横幅图像。 在笔记本电脑和手机上查看时，图像应该完全相同。

使用不同尺寸创建的图像应该完全相同

Answer 1

Figma 文件被视为 static 个画板。 所以你说明了不同平台的设计。 您无法根据您是在台式计算机还是手机上查看 Figma 文件来制作变形的二合一设计。 这只能发生在具有响应式设计最佳实践的实际实现的网页中，然后在真实的 web 浏览器中查看。

在 Figma 中，您只需创建该页面的桌面版设计，包含该横幅，以及该页面的移动版的单独设计，带有横幅图像的副本，但根据您的规格调整大小。

然后在移交期间将其呈现给开发人员，告诉他们这两个设计是针对同一页面的，但必须使用响应式设计来实现。