下载 App
Axure UI Creator —— 对 Axure 设计的UI像素级复刻创作
修改于05/07315 浏览开发交流
设计图、线上版本游戏界面、新skill导出界面对比
注：本教程及skill针对于会使用axure进行UX编辑的用户，无UI设计经验的用户可以尝试使用AI生图拆分后，在auxre里进行拼接再导出HTML
后续会尝试申请skill
这是什么？
axure-ui-creator 是一个 嗒啦啦 Skill，让 AI 能够将 Axure 导出的 CSS 文件精确还原为 UrhoX 游戏 UI 界面。
简单来说：你在 Axure 里画好界面原型或者正式UI界面 → 导出 CSS → 喂给 AI → 自动生成可运行的 UrhoX Lua UI 代码。
适用场景
- 用 Axure 设计了游戏 UI 原型，想快速转为可运行代码
- 需要像素级还原设计稿的位置、颜色、字号、圆角等样式
- 竖屏手游 UI（如修仙/RPG/卡牌类游戏主界面）
- 任何需要从 CSS 属性映射到 UrhoX UI 组件的场景
使用流程
第一步：准备 Axure CSS 文件
- 在 Axure RP 中完成界面设计
- 导出为 HTML（File → Export → HTML）
- 在导出目录中找到 CSS 文件（通常在 files/ 或 styles/ 目录下）
- 将 CSS 文件复制到项目的 docs/ 目录
第二步：告诉 AI 你想做什么
在 嗒啦啦 中这样对话：
请根据 docs/xxx （提交的CSS内容路径） 中的 CSS 样式，还原这个界面的 UI
设计分辨率：1080*1920（你的分辨率，影响UI的绝对坐标）
第三步：AI 自动完成
AI 会自动：
- 解析 CSS 文件中的所有元素（位置、尺寸、颜色、字号等）
- 将 CSS 属性映射为 UrhoX UI 组件属性
- 生成可运行的 Lua 代码到 scripts/ 目录
- 调用构建工具
Skill 包含的内容
核心踩坑记录（精华）
这些是实际项目中反复验证后总结的关键经验：
- 文字颜色属性不统一
- 颜色格式必须用 RGBA 数组
- 透明背景不能写 "transparent"
- 层级由 children 顺序决定
使用效果
输入一个 Axure CSS 文件（几百到上万行），AI 可以：
- 自动识别所有 UI 元素的位置、尺寸、颜色、字号
- 正确选择 UrhoX UI 组件（Label / Panel / Button / Image 等）
- 处理绝对定位布局，像素级还原设计稿
- 处理多屏幕界面（如设置界面的多 Tab 切换）
- 输出可直接运行的 Lua 代码
注意事项
- 目前主要针对竖屏手游 UI 优化
- 横屏或其他分辨率也可使用，修改设计分辨率参数即可
- Axure CSS 导出格式可能因版本不同略有差异，建议使用 Axure RP 9/10
- 此 Skill 依赖 UrhoX 引擎的 urhox-libs/UI 组件库
别再烧积分了！从每次 2000 到每次 50 的血泪经验
适用场景：所有在用 TapTap Code 开发游戏的小白
难度：★☆☆☆☆
背景最近群里总有人"炫耀"一次操作花了几千积分，说实话这不是值得高兴的事——这是在告诉所有人你的开发方式有根本性问题。我也走过这条弯路，所以来说说怎么改。
积分消耗的本质是什么积分 = AI 处理的 token 数量 = 你发给 AI 的内容 + AI 回给你的内容所以烧积分的本质只有两种：
你让 AI 做了大量无效/重
精华
@虎老大王
71 赞
21 回复
03:06
为了不被斩杀，我只能做到这些了
之前一直申请不到计划3，之前说太花哨，后面说体量完成度不足，在我一番小作文下，编辑终于给了我解答，什么原生质感，玩家开局体验啥的。
本来计划2也够用，准备以后再优化了，结果计划2赠送的积分要砍半了，学生党实在消费不起，于是只能再冲一波计划3了
从周六中午到现在一天半时间，优化了一遍角色卡，战斗卡，还有抽卡界面，优化了新手教程，该说不说确实比之前要舒服些。
前半部分为新版，后半部分为旧版。
明天再次
@才不是帅帅
44 赞
9 回复
开发日志 001
项目：荒土法阵(临时名称)
日期：2026-10-07
主题：固定配方下的元素连锁防守
一、本期主题
本期主题是涌现。我们的理解是：玩家用少量卡牌，通过元素组合，产生超出单卡本身的效果。油本身不造成伤害，火本身只烧一小块，但油加火变成整片火海，这就是涌现。
二、当前核心玩法
玩家在荒土据点中，使用手牌释放元素技能，抵御怪物潮。卡牌分为介质卡和引信卡。介质卡负责铺状态，引信卡负责触发反应。反应结果目
@初起星
2 赞
1 回复
00:54
等距场景编辑器——自行编辑2D瓦片场景地图
一个可嵌入任何 UrhoX 项目的完整等距瓦片地图编辑器，适用于 RPG、策略、模拟经营等类型游戏的关卡设计。
SKILL审核已通过，各位创作者可以根据自己的需要对工具进行调整修改
声明：该工具仅作为场景编辑以及序列化，交互等功能需要用户自行在项目中定义
后续会根据实际情况补充rule tile相关逻辑，实现tile map编辑自由
目录
1. 界面总览
2. 六种编辑工具
3. 双视图模式
4.
精华
@长宁Aring
21 赞
11 回复
本地部署 AI 对接 TapMaker 指南 —— 以 CodeBuddy 为例V1.1
写在前面
大家好，我是橘猫，和你一样也是TapMaker的萌新玩家。在"全能神"天哥的悉心指导下，我顺利完成了本地开发环境的部署。经过这段时间的实战测试，已经成功打通了「本地开发 → 同步至TapMaker」的完整流程。
以下内容全部来自我的个人实操经验，旨在为同样在探索本地部署的朋友提供一个参考。每个人的电脑环境、网络情况、AI工具版本都不尽相同，文中的步骤仅供交流学习。如果你照着操作后遇到问题
@芒果狗子
37 赞
19 回复
如何提升你游戏中的UI美术水平
一、请为你的游戏挑选一款合适的字体
很多开发者没有注意到其实UI界面中最重要的元素是字体，一款合适的字体能给整个游戏的界面感官带来蜕变。
请看案例
那么如何挑选适合自己的字体呢？
我总结出了一些小经验可供参考：
黑体：通用
宋体：古风、武侠、修仙
楷体：古风、武侠、修仙
圆体：卡通、动漫、Q版
科技：科幻、未来、电子
顺手分享一个免费可商用字体网站：
当然 如果你不知道自己的游戏适合什么风格
精华
@N3
124 赞
44 回复
【UI教程】如何将已有的效果图应用为实际的UI界面
在经过了一些折腾和比较折磨的尝试后，我总算是摸清楚了嗒啦啦怎么把UI效果图转换为实际游戏中的UI组件，今天就给大家带来这部分的经验分享。
tips：1.本篇教程需要各位掌握最基本的ps使用，具体的操作部分我会大致讲解，但仍需各位自行学习ps的基本操作，部分可以由ai代劳的环节我会注明。
2.本篇教程需要在以我前两篇教程作为前置环节，请在阅读这两篇前置教程后再进行本篇教程内容的学习
在按照前
@织匠
11 赞
5 回复
浅记《阿方的旅程》开发历程
预计阅读时长10分钟，欢迎您先品鉴游戏，再回来看这篇“流水账”
这是我第一次实际接触“用自然语言制作游戏”，也是我第一次接触游戏开发工作，所以一切都是从零开始，跌跌撞撞，懵懵懂懂。[表情_豹哭]
我是通过获得的本次开发资格，6月22日晚，在微信公众号收到了测试资格的消息，最开始公布主题“跳跃”的时候，脑子里最先想到的就是几款非常经典的游戏「马里奥」「Flappy Bird」「Doodle Jump
@禾忧
10 赞
1 回复
游戏自荐《少女终焉契约》
之前玩放置类型的rpg游戏的时候我就在想，现在游戏的操作有的太过于繁琐了，有没有一款休闲一点的，想上线就上线，离线的时候角色能自动行动的游戏呢？感谢TapTap制造，我按照我的想法开发出了现在这款游戏。
一、故事背景和UI
游戏的故事背景是传统的异世界穿越故事，玩家被女神召唤到异世界，随后组建工会，招募美少女，打怪升级探索世界。所以我选择了更加二次元萌系画风的UI风格，主页为各个主要的功能，点开来
@小橙子
8 赞
3 回复
永恒虚空持续开发日记1——关于游戏中的新名词：场频
写在前边：首先感谢TapTap制造版主大大@汪崽 对于作品潜力的肯定，给与了我积分计划二的权限[表情_不好意思]。这边也在加紧开发改进各种功能中，期望尽快给大家带来成熟的版本。[表情_猫咪举手]
大家好，我是永恒虚空的制作人黑猫不详，大家叫我黑猫就好。从今天开始我将以后置开发日记的形式给大家分享我在TapTap制造中制作的游戏永恒虚空的开发过程，新人希望大家多多关照！
今天先给大家介绍我作品中最重
投票
@黑猫•不详
3 赞