Author

AI Software Product Manager

Daily updates of Xiaomi's latest AI internal materials

Articles

Likes

697

Views

Comments

Latest from AI Software Product Manager

69 recent articles

AI Software Product Manager

Jun 22, 2025 · Industry Insights

Understanding SaaS: Benefits, Drawbacks, Pricing Models, and Core Modules

This article provides a comprehensive overview of Software‑as‑a‑Service, outlining its key advantages and disadvantages, detailing common pricing strategies such as free trials, per‑user, per‑feature, usage‑based and hybrid models, and describing typical SaaS front‑end, tenant, and admin modules.

Business ArchitectureCloud ComputingPricing Models

0 likes · 10 min read

Understanding SaaS: Benefits, Drawbacks, Pricing Models, and Core Modules

AI Software Product Manager

Jun 12, 2025 · User Experience Design

How to Build a 60‑Second Countdown Button in Axure

This step‑by‑step guide shows how to create a clickable button with a 60‑second countdown using Axure’s dynamic panels, global variables, and conditional logic, covering styling, state switching, variable updates, and edge‑case handling to ensure a smooth prototype experience.

AxureCountdownUI Interaction

0 likes · 5 min read

How to Build a 60‑Second Countdown Button in Axure

AI Software Product Manager

Jun 9, 2025 · Frontend Development

How to Build a Custom On/Off Toggle Switch in Axure

This step‑by‑step guide shows how to create a gray “off” state and a blue “on” state for a toggle switch in Axure, covering shape drawing, styling, dynamic panel setup, and click interaction configuration.

AxureInteractionfrontend

0 likes · 2 min read

How to Build a Custom On/Off Toggle Switch in Axure

AI Software Product Manager

Jun 8, 2025 · User Experience Design

Step‑by‑Step Guide to Building a Custom Dropdown Component

This tutorial walks through creating a dropdown box, designing its selectable options, and implementing show/hide interactions—including hover styles, click events, mouse‑out behavior, and converting the whole assembly into a reusable dynamic panel.

Interactiondropdowndynamic panel

0 likes · 4 min read

Step‑by‑Step Guide to Building a Custom Dropdown Component

AI Software Product Manager

Jun 7, 2025 · Frontend Development

How to Build a Styled Text Box with a Dynamic Length Counter

This guide walks you through creating a text box with custom border, rounded corners, focus shadow, and a live character‑count indicator that updates as the user types, including step‑by‑step instructions and visual examples.

CSScharacter countfrontend

0 likes · 3 min read

How to Build a Styled Text Box with a Dynamic Length Counter

AI Software Product Manager

Jun 5, 2025 · Frontend Development

How to Build a Responsive Full‑Width Horizontal Navigation Bar

This guide walks you through creating a responsive 100% width horizontal navigation bar, covering panel setup, adding a logo, login and trial buttons, configuring menu items, styling details, and interactive hover effects, with step‑by‑step instructions and visual examples.

AxureResponsivefrontend

0 likes · 4 min read

How to Build a Responsive Full‑Width Horizontal Navigation Bar

AI Software Product Manager

May 29, 2025 · User Experience Design

Activate, Localize, and Re‑import Axure RP 11: Full Step‑by‑Step Guide

This guide provides a verified registration code for Axure RP 11, detailed instructions for applying a Chinese language pack on Windows and macOS, and tips for re‑importing component libraries after upgrading, ensuring a smooth setup for UI prototyping.

AxureRegistration CodeSoftware Localization

0 likes · 2 min read

Activate, Localize, and Re‑import Axure RP 11: Full Step‑by‑Step Guide

AI Software Product Manager

May 28, 2025 · User Experience Design

Master Axure Repeater: Build Dynamic Data Tables Step‑by‑Step

This guide explains what the Axure Repeater widget is, how to add and configure it, bind data, manage rows (add, delete, update), apply filtering, pagination, layout options, and understand its item and repeater properties for efficient UI prototyping.

AxureDynamic DataUI Design

0 likes · 12 min read

Master Axure Repeater: Build Dynamic Data Tables Step‑by‑Step

AI Software Product Manager

May 24, 2025 · User Experience Design

How to Build a B‑Side Left Navigation Menu in Axure – Step‑by‑Step Guide

This tutorial walks through creating a B‑side left navigation panel in Axure, covering container setup, secondary menu design, option groups, styling details, interactive states, dynamic panel conversion, and click‑event handling to achieve a fully functional collapsible menu system.

AxureNavigation menuOption group

0 likes · 8 min read