code.fun

What It Is

CodeFun is a design-to-code tool from Shenzhen Guangsu Software Technology Co., Ltd., positioned as a solution for “intelligently generating front-end source code from UI design files.” It targets repetitive front-end work such as page recreation, asset slicing, and layout implementation. The company claims it can turn “8 hours of work into 10 minutes” and offers both a SaaS version and a dedicated deployment version.

Core Capabilities

Based on the product information, CodeFun’s AI/intelligent features mainly focus on design-file parsing and code generation. It can automatically separate background layers and icon elements, package and download sliced assets, clean up unused layers, invisible elements, incorrect groups, and unreasonable text arrangements, and correct pixel-level issues such as misalignment, off-centering, and asymmetry. On the code side, it supports output for mainstream Web frameworks such as Vue as well as WeChat Mini Programs. It can recognize Lists and Grids, infer Flexbox layouts, generate loop structures such as v-for and wx:for, and supports batch data-binding fields.

Pricing and Trial

The free plan is permanently free and includes 1 collaboration seat, 1 project, 50 pages, and a limited-time free 1G asset capacity, making it suitable for testing the output quality. The Personal plan starts at ¥165/person/month. The Team plan starts at ¥248/person/month with a minimum of 10 users, while the Enterprise plan requires at least 20 users and is quote-based. Team and Enterprise editions emphasize management features such as projects, teams, permissions, SSO, technical support, and dedicated 24/7 customer service.

Pros and Cons

Its strengths are a focused use case and a direct solution to a common front-end pain point: converting design files into recreated pages. The Chinese interface, WeChat-based customer support, and WeChat Mini Program output are friendly to domestic Chinese teams. The claim that designers do not need to change their workflow also lowers the adoption barrier. Limitations include the lack of clear disclosure on the full list of supported design-tool formats, with only Sketch appearing in examples. There is also no visible information on APIs, open integrations, privacy, or data security terms. Complex interactions, business logic, responsive adaptation, and the long-term maintainability of generated code still require human evaluation.

Who It’s For and China Access

CodeFun is suitable for individual front-end developers, UI/UX designers, outsourcing teams, small and mid-sized front-end teams, and enterprises looking to standardize the design-to-code workflow through component libraries and permission systems. The site uses a China-registered domain operated by a domestic company, so it is likely directly accessible from mainland China. Payment methods are not disclosed. If collaborative design ecosystems are a priority, alternatives worth comparing include 即时设计, Figma Dev Mode, Locofy, and Anima.