Macro Da

每天学一点,成长多一点!

实用的AI输出辅助工具及输出规范

一、AI输出辅助工具

Locofy.AI

《实用的AI输出辅助工具及输出规范》

AI将Figma、Adobe XD和Sketch设计转换成前端代码

https://www.locofy.ai

《实用的AI输出辅助工具及输出规范》

获取插件:

https://www.figma.com/community/plugin/1056467900248561542/locofy-lightning-figma-to-code-in-1-click-free-beta

图像大厨Imgcook

《实用的AI输出辅助工具及输出规范》

阿里推出的免费设计稿智能生成前端代码:https://www.imgcook.com

《实用的AI输出辅助工具及输出规范》

获取插件:https://www.figma.com/community/plugin/951438743886938495/imgcook


二、切图规范

1、图片不应出现多余空白:确保在切图过程中,图像周围没有多余的空白,如一像素的线或者周围的透明区域,应进行适当裁剪。

2、背景图片需考虑最大设备下效果,尽可能预留尺寸:在设计背景图片时,要考虑到最大设备的显示效果,以确保图像在各种屏幕尺寸下都能够良好地呈现。同时,在切图时应该预留足够的尺寸,以适应不同设备的分辨率和屏幕尺寸变化。

3、移动端切图需按2倍以上尺寸切图:为了适应高分辨率的移动设备,移动端切图应该按照2倍以上的尺寸进行切割,这样可以保证图像在高清屏幕上显示清晰,同时避免因分辨率差异而导致的模糊或失真现象。

《实用的AI输出辅助工具及输出规范》
图片不应出现多余空白
《实用的AI输出辅助工具及输出规范》
背景图片需考虑最大设备下效果,尽可能预留尺寸
《实用的AI输出辅助工具及输出规范》
移动端切图需按2倍以上尺寸切图

三、Canvas + js动态背景库

点赞

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注