Author

AI Software Product Manager

Daily updates of Xiaomi's latest AI internal materials

Articles

Likes

Views

Comments

Latest from AI Software Product Manager

64 recent articles

AI Software Product Manager

Jun 26, 2025 · Frontend Development

How to Create a Sticky Navigation Bar That Stays Fixed While Scrolling

This guide explains how to make a website’s top navigation bar stay fixed at the screen’s upper edge during scrolling by converting it into a dynamic panel, using the “Fix to Browser” option, setting precise offsets, and applying the same technique to other fixed‑position buttons such as back‑to‑top links.

dynamic panelfixed positionfrontend development

0 likes · 3 min read

How to Create a Sticky Navigation Bar That Stays Fixed While Scrolling

AI Software Product Manager

Jun 26, 2025 · User Experience Design

How to Build a Swipeable Message List with Dynamic Panels in Axure

This step‑by‑step guide shows how to create a 750 × 1334 dynamic panel named "Phone Screen", design a message list with unread and delete buttons, convert it into a reusable dynamic panel, and add left‑ and right‑drag end events while handling hidden overflow content.

AxureInteraction Designmobile UI

0 likes · 4 min read

How to Build a Swipeable Message List with Dynamic Panels in Axure

AI Software Product Manager

Jun 26, 2025 · User Experience Design

How to Build a Seamless Carousel in Axure Using Dynamic Panels

This tutorial walks you through creating a fully functional image carousel in Axure by configuring a dynamic panel, adding multiple states for each slide, and setting a page‑load event to automatically switch states every second, complete with visual step‑by‑step screenshots.

AxureCarouseltutorial

0 likes · 3 min read

How to Build a Seamless Carousel in Axure Using Dynamic Panels

AI Software Product Manager

Jun 26, 2025 · User Experience Design

Mastering Axure Dynamic Panels: Build a Tab Interface Step‑by‑Step

This tutorial explains how to use Axure's powerful Dynamic Panel widget to create a tabbed interface by adding buttons, duplicating panel states, editing each state’s content, and assigning click events to switch between states, while also covering state naming conventions.

AxureTab Interfacetutorial

0 likes · 3 min read

Mastering Axure Dynamic Panels: Build a Tab Interface Step‑by‑Step

AI Software Product Manager

Jun 24, 2025 · Frontend Development

Master UI Component, Page, Window & Mouse Pointer Properties with Naming Tips

This guide explains the key component, page, window, and mouse pointer properties in UI design, covering scroll settings, opacity handling, naming conventions for objects and attributes, and best practices for consistent, case‑insensitive usage across dynamic panels.

Design GuidelinesNaming ConventionsUI

0 likes · 3 min read

Master UI Component, Page, Window & Mouse Pointer Properties with Naming Tips

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.

Pricing ModelsSaaSbusiness architecture

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.

Axurefrontendinteraction

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.

dropdowndynamic panelfrontend

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