I.

The Button (coze.cn) is probably the most difficult product to define under ByteDance. Its positioning is an AI agent platform, capable of developing/running various AI applications

. This means that anything AI can do, it can also do. However, AI is constantly evolving, so the form of The Button is also constantly changing.

Initially, The Button was a development platform for programmers. It has

a workflow mode, where you drag and drop nodes on a graphical interface to define AI workflows and generate applications. However, soon after, it also launched the "

The Button Space". is designed for regular users, using natural language to call its built-in various agents.

I have written reviews and used it as an office assistant to complete various tasks (PPT generation, travel map planning, writing research reports, etc.), it's completely user-friendly.

But I didn't expect that yesterday I found that Kousen Space has added web design, and it has become a UI tool, similar to having an integrated V0.

II.

V0 is the earliest and currently the most famous AI tool for web design/creation. Users describe what website they want, and it builds it.

This time, Kousen Space has introduced this feature, adding another product form for itself—web design tool.

Now, you can completely develop web pages inside the buttons. Moreover, it's a free service, with an Android client (released) and an iOS client (upcoming), allowing operation on mobile phones.

This sounds very appealing. I tried it out, such as screenshot restoration and website generation, especially restoring Figma design drafts, to see if it actually works.

Below are my trial experiences.

III. Screenshot Restoration

I first tested the screenshot restoration, uploading a webpage screenshot and letting it generate the page.

The webpage design feature of the buttons must have the "Webpage" button in the buttons space enabled.

I uploaded the homepage screenshot of airbnb (below), and entered "Restore this screenshot as a webpage".

The system prompts that it needs 3 to 5 minutes of thinking, and the code is generated by scrolling to the right side of the page.

After a few minutes, the code generation is complete. Switch to the preview page, and below is the page it generated.

This is the first generated result,未经调整, I think the还原度 is quite good, the page structure and each area are correctly replicated.

I have shared it, this page and the entire AI dialogue, everyone clicks in, can see the clear effect.

It's worth mentioning that the button generates a React + Tailwind project, which can be entirely downloaded to the local machine and run with npm. This way,后期的手工处理 is quite convenient.

Four、Figma design稿还原

The real killer feature of the button space is generating web pages from Figma design drafts.

The specific method is to first click the Figma button below in the prompt box.

The webpage will prompt you to enter the Figma link.

How do I get this link? In the workspace on the Figma website, select a page, open the right-click menu "Copy/Paste/Copy Selection Link" (see image below), and that's it.

I chose a Figma official website.Example fileSend the link to Koushi Space. Let everyone see Koushi.Fidelity.

Basically, it's very close to the design稿, with a high degree of accuracy. So,If there are original design files, AI tools can completely replace manual development.

This belongs to advanced features, and I haven't seen other AI tools in China that offer this; it also requires a paid subscription in V0.

5. Visual Editing

After preview generation, Koushu Space provides visual editing, making modifications quite convenient.

First, on the preview interface, click the "Edit" button.

Then, select a page element, and an AI dialog box will pop up where you can edit using natural language.

After selecting the button, I asked the AI to change the button's background color to green (as shown in the upper image). Upon submission, the code will be regenerated (as shown in the lower image).

6. Zero-Foundation Website Generation

Below, I directly describe the requirements in natural language to the AI to generate a website.

I asked it to generate a to-do (Todos) application.

"Create a to-do list app with a blue theme and implement editing functionality, allowing you to edit list tasks."

The Button Space then automatically completes the page design, code writing, server deployment, and finally providesThe effect below.

This page can also be deployed asAccessible linksOpen to external users.

I think it's quite good, and there were no errors in various operations (adding tasks, editing tasks, deleting tasks). It runs with a single generation, and all the necessary buttons are present.

This really exceeded my expectations. Is it because the buttons have been specially trained for common tasks?

Theoretically, website generation doesn't require professional knowledge, and users with zero experience can create entire websites. In practice, this is also true. Even if errors occur, they can be handed over to AI for processing. However, this is only limited to simple interactive websites. If JavaScript scripts are needed to handle complex interactions, it's likely that errors may arise that AI cannot resolve.

7. Summary

That's the initial impression of using it.

I feel thatThe web design feature of Button Space, although just launched, has a very good completion level..

Its three key features—design draft/screenshot restoration, visual editing, website generation—are quite useful, and the generated quality is perfectly acceptable. Plus, it's free, which I think makes it very competitive.

It also has some usage restrictions.

(1) No command line window。If you don't need the UI, just let it generate backend code, it doesn't provide a command line, making it impossible to test.

(2) Not integrated with GitHub 。It cannot sync code directly with GitHub; you have to download it locally first and then push it manually to GitHub.

(3) Not suitable for complex state management 。Its strength lies in UI generation, making it unsuitable for complex state management and interaction logic.

Overall, this update has made Button Space more useful. In addition to the earlier chat and office functions, it now includes web design, making it more practical. Common UI development tasks (generating web pages and components, completing prototype design) can definitely be considered for it.

(End)