Figma教程11-地图滚动锚点定位链接

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

Figma教程11-地图滚动锚点定位

1.准备好素材,将锚点散布至地图中

Figma教程11-地图滚动锚点定位链接

2.绘制4个空对象,编辑好命名,方便后续链接交互

Figma教程11-地图滚动锚点定位链接

3.切换到原型面板,将图标链接到相应的空对象上

Figma教程11-地图滚动锚点定位链接

统一选择点击-滚动到-对应空对象-动画-缓动

预览可见点击相应的按钮图标,对象均会出现在画框左上角

Figma教程11-地图滚动锚点定位链接

接下来设置一下偏移量就可以完成交互了

4.将预留好的参考对象放置到画框中央,取x,y的距离为306,85

得到偏移量为-306,-85

Figma教程11-地图滚动锚点定位链接

5.切换到原型面板,补充四个链接的偏移量

Figma教程11-地图滚动锚点定位链接

6.最后将空对象的图层透明度调整为0

Figma教程11-地图滚动锚点定位链接

制作完成

点击上方前往查看→查看视频教程


源文件地址:

https://www.figma.com/community/file/1156888827596652582

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速、安全、高效、私密的UI设计团队云协作
立即部署>>
标记狮私有云部署-一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作