@@ -7,6 +7,72 @@ We are continuously adding features every week to improve the life of web develo
77
88Here's a list of top features recently added to Phoenix:
99
10+ ## [ AI Chat — Built-in Coding Assistant] ( https://docs.phcode.dev/app-links/ai-chat )
11+
12+ ` Added in 2026 `
13+
14+ Phoenix Code now ships with a built-in AI assistant powered by Claude Code. Chat about your code, edit files, run terminal commands, and restore to any point with a single click.
15+ You can also attach files or take a screenshot to show the AI exactly what you mean.
16+
17+ > This feature is available only in desktop apps.
18+
19+ ![ Image] ( https://docs-images.phcode.dev/in-app/pro-aiChat.png )
20+
21+ <h2 ><a target =" _blank " href =" https://docs.phcode.dev/app-links/edit-mode-live-preview " >Live Preview Edit Mode 2.0</a ></h2 >
22+
23+ ` Added in 2026 `
24+
25+ The Live Preview Edit experience just got a massive upgrade.
26+ Now, along with editing text content, you can also apply different formats like Bold, Italic, Underline, and many more.
27+ You can also insert new elements right in the Live Preview and change an existing element's tag name, class, ID, and attributes!
28+
29+ ![ Image] ( https://docs-images.phcode.dev/in-app/pro-controlBox.png )
30+
31+ <h2 ><a target =" _blank " href =" https://docs.phcode.dev/app-links/markdown-editor " >Rich Markdown Editor</a ></h2 >
32+
33+ ` Added in 2026 `
34+
35+ Edit Markdown files visually right inside the Live Preview.
36+ Format with toolbar buttons, build tables, drop in images from your device, and add Mermaid diagrams. Every change syncs to your source in real time.
37+
38+ ![ Image] ( https://docs-images.phcode.dev/in-app/pro-markdownEditor.png )
39+
40+ <h2 ><a target =" _blank " href =" https://docs.phcode.dev/app-links/live-preview " >Design Mode</a ></h2 >
41+
42+ ` Added in 2026 `
43+
44+ Design Mode hides the code editor so the AI chat and Live Preview can sit side by side, taking over the whole window.
45+ Prompt the AI on one side, watch your page change on the other, and tweak anything visually with the Edit Mode tools.
46+
47+ ![ Image] ( https://docs-images.phcode.dev/in-app/pro-designMode.png )
48+
49+ <h2 ><a target =" _blank " href =" https://docs.phcode.dev/app-links/resize-ruler " >Resize Ruler</a ></h2 >
50+
51+ ` Added in 2026 `
52+
53+ Switch between popular phones, tablets, and desktops with a single click to see how your page looks at that size.
54+ Phoenix Code also picks up your CSS ` @media ` breakpoints so you can jump straight to where your layout switches.
55+
56+ ![ Image] ( https://docs-images.phcode.dev/in-app/pro-resizeRuler.png )
57+
58+ <h2 ><a target =" _blank " href =" https://docs.phcode.dev/app-links/terminal " >Built-in Terminal</a ></h2 >
59+
60+ ` Added in 2026 `
61+
62+ Run commands right next to your code in the new built-in terminal.
63+ Phoenix Code allows you to open multiple terminal tabs with your preferred shell.
64+
65+ > This feature is available only in desktop apps.
66+
67+ ![ Image] ( https://docs-images.phcode.dev/in-app/terminal.png )
68+
69+ ## Polish & Layout
70+
71+ ` Added in 2026 `
72+
73+ You'll notice small refinements everywhere: better colors, cleaner buttons, smoother styling, and an overall more polished feel.
74+ The bottom panel has also been rebuilt with a new tabbed architecture, so you can keep Problems, Search, Git, Terminal, and more open at the same time.
75+
1076<h2 ><a target =" _blank " href =" https://docs.phcode.dev/app-links/live-preview-edit " >Live Preview Edit</a ></h2 >
1177
1278` Added in 2025 `
0 commit comments