什么是Tile based rendering?咨询Figma中Tile based技术的具体含义
Figma 语境下
tile based 的含义说明 tile based 直译为「基于图块/瓦片的」,在和Figma相关的讨论中,通常对应两种完全不同的场景定义:
- 设计工作流场景:指以标准化可复用的小尺寸图块(tile)为基础单元,拼接完成整页设计的工作模式。这类模式下所有tile都遵循统一的尺寸、间距、样式规范,拼接后可自动对齐适配,常见于组件库搭建、低代码可视化设计、批量物料生成等场景,能大幅降低重复设计成本。
- 产品底层技术场景:指Figma官方采用的画布分片渲染策略,运行时会把整个画布内容拆分为多个固定尺寸的瓦片单元,优先仅渲染当前用户视口范围内的瓦片,视口外的瓦片按需延迟加载,该方案可以有效降低大型设计文件的内存占用,减少操作卡顿。
如果需要对应具体场景的准确定义,可以按以下思路判断:
第一步先定位提及tile based的上下文,是偏向设计方法讨论还是Figma技术原理讨论
设计流相关可以对照Figma官方组件设计规范中的基础单元定义做验证
技术原理相关可以参考Figma官方对外公开的渲染优化相关技术说明
内容的提问来源于stack exchange,提问作者facebook-100001323458354
相关产品推荐
相关产品推荐

