求求了，求前端大佬指点下这种页面怎么100%还原出来

问题描述：

登录页1536×1024 159 KB
我用GPT-image2画的图，
用Codex 5.4、claude opus4.7、v0、Google AI Studio、KIMI 2.6都试了过了，
连静态页面页没法100%还原出来，主要是左侧的动画区域画不好；

网友解答：

---

--【壹】--：

左边的我感觉是 LottieFile 既不是图也不是代码，是专业的设计转出来的，之前在字节官网看到过一个大音符图表

---

--【贰】--：

最后的最后，如果实现起来费劲放张图也可以，

---

--【叁】--：

肯定是放图啊 想啥呢，这种都是丢个背景图就完事了

---

--【肆】--：

先让gemini一比一复刻，然后问他具体怎么实现复刻，提示词就出来了

---

--【伍】--：

一般是70-80%再自己手动修，你说100%那不行

---

--【陆】--：

主要是画的这堆线也太没啥逻辑了 肯定不好写啊

---

--【柒】--：

我想要动态的，让魔方和下面的线条转动，是不是属于又菜又爱玩，呜呜

---

--【捌】--：

让AI给你生成个动态图就行了，切图不丢人

---

--【玖】--：

主要是左边这里不知道怎么实现
PixPin2026-04-2317-26-21421×341 35.5 KB

---

--【拾】--：

我试了 google stich 还原不出来，Figma可以吗

---

--【拾壹】--：

另外有没有能够用前端画出来的方法！还是有点想画出来，以后很多动画就都可以自己做了

---

--【拾贰】--：

左边的动图找UI要吧，应该不是代码生成的

---

--【拾叁】--：

先用图片生成figma文件，然后用figma mcp还原

---

--【拾肆】--：

一般ai都只能给你做大头，剩下的你自己再调试，有些需要切图的

---

--【拾伍】--：

image1316×869 162 KB
这样布局就ok了，主要还是以切图为主，左边复杂的自己写没啥意思

---

--【拾陆】--：

image399×329 34.9 KB
这块还是得切图 实现没啥必要 浪费时间和精力

---

--【拾柒】--：

好啊！妙，干了两天把自己干懵了，这就去生成动图

---

--【拾捌】--：

我连这个设计稿的图都没画出来
要不佬分享一下提示词

---

--【拾玖】--：

这里一般是直接放一张图，不是直接实现的…