Pixso

  • Pixso products and Paico AI

    Choose the right tool for each workflow, from design to development
    Pixso
    PixsoCollaborative UI/UX design workspace
    →

    Design & collaboration

    UI design & collaborationCreate interfaces, reuse components, and hand off with your teamPrototypingConnect interactions, present flows, and gather feedbackPixso whiteboardMap requirements, user journeys, and team ideasDesign systemManage components, styles, and team standards
    Pixso AITurn text or screenshots into editable designsPixso MCPConnect AI coding tools to your design files
    Paico
    PaicoGenerate designs and app interfaces with AI
    Paico Generate designs and app interfaces with AIPaico AI builder

    Create designs and app interfaces with natural language.

    Explore Paico ↗
    Explore by use caseUX design↗Interface design↗Web design↗Import from Figma →Download Pixso

  • Pixso AI

    Pixso AITurn ideas into editable UI designs
    • Start with text or screenshots
    • Keep every layer editable
    • Generate with your team Design System

    What do you want to create?

    AI design generatorCreate interfaces, visual assets, and refinementsAI UI generatorGenerate UI and refine every layerAI website generatorFrom web concepts to responsive handoffAI app generatorGenerate screens and connect interactions

    Work with AI coding tools

    Pixso MCPConnect Codex and Cursor to read and edit designs

    Bring design context into code so canvas and development stay connected.

    Set up remote MCP↗
  • ↗Import from Figma

  • Find design resources

    Design assetsBrowse design work and reusable templatesComponent librariesFind reusable components and librariesPluginsExtend your workflow with practical tools

    Learn & use

    Help centerGuides for design, AI, and collaborationDesign tipsTutorials for UI, prototypes, and collaborationWhat's newDiscover product updates and new capabilitiesArticlesPractical guidance for design and AI tools

    Develop & extend

    Developer docsGuides for MCP, D2C, and plugin developmentD2C+ design to codeSee setup steps and development requirementsPlugin developmentExtend Pixso with the Plugin API

  • Design collaboration for enterprise teams

    From team management to deployment
    Enterprise planManage members, permissions, and design assetsPrivate deploymentExplore deployment and integrationsContact usTalk to our team about plans and deployment
  • Pricing
Log in
Get started
Go to workspace
English日本語한국어РусскийEspañol
  1. Help Center
  2. Get Started with Pixso
  3. Layer Attributes
Documentation navigation
Design guides
Pixso AI
  • MCP connection and troubleshooting
  • Using custom design systems with AI
  • Connect Pixso to an AI agent with MCP
  • Generate designs with Pixso AI
  • Edit designs with Pixso AI
  • Generate images with Pixso AI
  • Edit images with Pixso AI
  • Use attachments in Pixso AI
Quick Start
  • Sharing, permissions and view settings
  • Layer Panel
  • Property Panel
  • Canvas
  • Layer Hierarchy
  • Observer Mode
  • File Cover
  • Choose Layers
  • Toolbar
  • Pin Plugins to the Canvas Sidebar
Import and Export
  • Import design files into Pixso
  • Export files and design assets
  • Import Component Library
Images, Shapes and Tools
  • Images
  • Shapes and Tools
Text
  • Create Text
  • Text Properties
  • Add Emoji
  • Text Hyperlink
  • Create and Apply Text Styles
  • Find and Replace Text
  • Turn Text into Vector Path
Layer Properties
  • Property Settings
  • Property Type
  • Layout Settings
  • Shaders
  • Search and Filter Layers
Components and Styles
  • Styles
  • Components
  • Resource Library
Prototype and Animation
  • Create Prototype
  • Prototype Event Settings
  • Scroll Overflow
  • Prototype Playback
  • Prototype Interaction Flow
Handoff and Collaboration
  • Handoff Panel
  • Slice
  • Version history and recovery
  • Developer Mode
  • Generate code with D2C and D2C⁺
  • Organize designs with sections
  • Present a design with Spotlight mode
  • Open Design System Management (DSM)
Shortcut Keys
  • Keyboard Shortcuts
Fonts
  • Font Library
  • How to Use Fonts
  • About Lacking Fonts
  • Use local fonts in Pixso
Basics and collaboration
Workspace
  • Files and Projects
  • How to Create Files
  • Create and Manage Teams and Projects
  • Organize Files with Folders
User Center
  • Supported devices and browser requirements
  • Register Pixso Account
  • Account settings and sign-in details
  • Close Account
  • Plans, enterprise access and private deployment
  • Contact support and report a problem
  • Enable browser graphics acceleration
Collaboration Tools
  • Comment
  • Add Comments
  • Mention Collaborators
  • View and Manage Comments
  • Move or Edit Comments
Resource Community
  • Entrance to Resource Community
  • Using community resources and licenses
  • Resource File
  • Resource Library
  • Use Resources
  • Manage Resources
  • Search Resources
  • Publish Resources
Whiteboard guides
Introduction
  • What Is Pixso Whiteboard
  • Usage Scenarios
  • Pixso Whiteboard User Guide
Create Files
  • Create Files from Workspace
  • Create Files in Team and Project
Edit Files
  • Introduction to Whiteboard Editor
  • Zone 1 - File Management and Settings
  • Zone 2 - Tips for Quick Use
  • Zone 2 - Sticky Note
  • Zone 2 - Frame
  • Zone 2 - Document & Card
  • Zone 2 - Editing and Creation Tool
  • Zone 2 - Polygon Tool
  • Zone 2 -Text
  • Zone 2 - Table
  • Zone 2 - Mind Map
  • Zone 2 - Shape Resources
  • Zone 2 - Connection Line
  • Zone 2 - Local Upload
  • Zone 2 - Paintbrush/Erase
  • Zone 2 - Template
  • Zone 4 - Timer
  • Zone 4 - Invite and Share
  • Zone 4 - Interactive Emoji and Sticker
  • Zone 4 - Third-party Tool Integration
  • Zone 4 - Demo Mode
  • Zone 4 - Online Collaborative Area
  • Zone 5 - Scale Tool
  • Zone 5 - Pointer and Hand Tools
Video tutorials
Get Started with Pixso
  • Menu
  • Toolbar
  • Share and View
  • Right Panel
  • Canvas
  • Select Layers
  • Layer Operations
  • Group Layers
  • Layer Hierarchy
  • Observer Mode
  • Import Images
  • Frame
  • Layer Attributes
  • Alignment
  • Selected Colors
  • Comment Tool
  • Shape Tool
Help Center home
Frequently asked questions
Developer documentation

Video tutorial

Layer Attributes

Open video

Video tutorial: Layer Attributes. Use the video controls to pause, seek, or watch in full screen.

Open video directly

Previous · FrameNext · Alignment
Pixso
All-in-one UI/UX design and collaboration tool
FacebookXYouTubeInstagramPinterestDiscordTelegram
English ⌄
English日本語한국어РусскийEspañol简体中文

Solutions

  • UI design
  • UX design
  • Prototyping
  • Web design
  • Design system
  • Whiteboard

Product & AI

  • Pixso AI
  • AI design generator
  • AI UI generator
  • AI website generator
  • AI app generator
  • Pixso MCP
  • Enterprise
  • Pricing
  • Download Pixso

Learn & resources

  • Help center
  • Developer docs
  • Articles
  • Design tips
  • What's new
  • Plugins

Compare

  • Figma
  • Adobe XD
  • Axure
  • Sketch
  • InVision

Company

  • Contact us
  • About us
  • Reviews
  • Privacy policy
  • Cookie policy
  • Refund policy
  • Terms & Conditions
  • License agreement
  • Subscription terms

Copyright © 2026 Shenzhen Pixso Technology Co., Ltd. All rights reserved.