Design Community: Gloria

Key Updates of 2025 Pixso 2.0 UI/UX Design Platform

Gloria — Tue, 28 Oct 2025 07:28:46 +0000

Below is a clear, organized breakdown of Pixso’s core value and the game-changing features of its 2.0 version released in 2025.

1. Pixso: Core Identity

Pixso is an all-in-one collaborative UI/UX design platform that combines UI/UX design, whiteboarding, prototyping, code generation, and developer handoff. It’s built for global teams—from small groups to enterprises—with a focus on being professional, efficient, and easy to use. It’s part of BOYUN (a tech company with roots in graphics rendering, spun off from Wondershare in 2021), so it’s backed by years of expertise in rendering tech.

2. Pixso 2.0: Breakthrough Updates (Sept 2025 Launch)

The 2.0 version is a major upgrade—rebuilt in key areas to fix pain points (like slow performance) and add AI-powered tools that speed up workflows. Here’s what matters most:

A. Performance: Fully Rebuilt for Speed & Efficiency

Pixso 2.0’s underlying architecture was completely redone—no more lag, even with big files. The numbers speak for themselves:
File opening time: 50% faster than 1.0
Memory usage: 40% lower (critical for large design files)
Smoother day-to-day actions: Zooming, panning, rotating layers, and switching pages are all faster—even for memory-heavy docs.
Faster component libraries: Publishing big libraries (a must for design systems) is way quicker now, thanks to a rewritten rendering engine.
Why this matters: No more waiting for files to load or dealing with lag when editing—teams can move faster without tech delays.

B. Pixso AI: Generate Designs (and Code) from Text

The biggest new feature? AI-powered design generation. Just type a simple prompt (e.g., “create a fintech dashboard”) and Pixso 2.0 spits out:
A complete, editable high-fidelity mockup (in seconds, not hours)
Developer-ready front-end code (so you skip the “start from scratch” phase entirely).
This cuts down the initial design process drastically—perfect for teams that need to iterate fast.

C. Seamless Design-to-Code Handoff

Designers and devs no longer have to “translate” designs manually. Pixso 2.0 offers:
One-click code generation for frameworks like ArkUI, HTML, and Flutter.
A “Dev View” where devs can click “D2C” to get a production-ready code package. The code keeps layout relationships and styling intact—so devs skip manual work and launch faster.

D. Design Tokens: Keep Consistency Easy

For teams that need uniform branding/designs across projects:
Define centralized variables for colors, text styles, numbers, and Boolean values (called “design tokens”).
Update all instances globally with one click (no more editing 100 files to change a brand color).
Aligns design and engineering—since everyone uses the same standardized properties, there’s less back-and-forth.

E. Sketch Compatibility: Easy Migration

If your team is switching from Sketch? No rework needed. Pixso 2.0 handles:
Accurate rendering of blend modes, Boolean operations, background blur, and bidirectional text.
Zero loss of fidelity—you can import Sketch files and start editing right away.

F. Better Text & Typography Tools

Great for global teams or projects with complex text needs:
Supports variable fonts, path-based text (text along shapes), and bidirectional text (for Arabic, Hebrew, etc.).
Covers more languages: Japanese, Korean, Urdu, Thai, Tibetan—so no more workarounds for non-English designs.

G. Clearer Feedback: Visual Comments

No more confusing text-only feedback. Now you can:
Drag, paste, or upload screenshots/graphics directly into comments (works in Edit and Presentation modes).
Feedback is contextual—teammates see exactly what you’re referring to, no guesswork.

H. Immersive Prototypes: Video & GIF Support

Designers can now add embedded videos and GIFs to prototypes. This makes:
Presentations more engaging (e.g., show a demo of how a feature works).
User testing more accurate (teammates experience the design like real users would).

I. Upgraded Team Asset Library

Managing design components is faster:
Faster publishing of libraries, better search, and seamless sync across teams.
Ensures everyone uses the latest, on-brand components—no more outdated assets.

J. Custom Color Palettes

Maintaining brand consistency is easier:
Create, save, and share custom color palettes (with variable support).
Rebranding? Update the palette once, and it applies to all projects—no manual edits.

K. Accessible Pricing Plans

Pixso works for teams of all sizes:
Free plan: Unlimited personal files, 3 team project pages, 30 days of version history.
Pro plan: Unlocks advanced collaboration and more storage.
New subscribers get AI credits to try the AI design tool for free.

3. Why This Matters vs. Alternatives (e.g., Figma)

Pixso 2.0 doesn’t just add features—it fixes common pain points:
Faster performance: No more lag with big files (unlike Figma’s occasional slowdowns).
AI built-in: Generates designs + code from prompts (Figma’s AI tools are often more limited or require plugins).
Easier migration: Sketch compatibility means no rework (Figma’s Sketch import can miss details).
*Cheaper + enterprise-ready: * More affordable plans, plus strong security (matches Figma’s enterprise security but at a better price).
As Pixso’s CEO Ethan said: “With localized UI and a smooth migration path from Figma or Sketch, we’re empowering global teams to do their best work without barriers.”

Source from Prnewswire

Choosing your design tool: a look at Sketch & Pixso

Gloria — Sun, 28 Sep 2025 02:56:57 +0000

Hey everyone! Thinking about getting into UI design and wondering which tool to start with? Let’s break down Sketch and Pixso, two popular picks, and see which one might fit you better.

First off, your choice really depends on your operating system, what kind of features you need, and how you like to learn. Both are solid tools, but they shine in different ways.

Operating System Support

Sketch runs only on macOS. So if you’re a Mac user, you’re good to go. But if you’re on Windows or Linux, you’ll need to look elsewhere.

Pixso, on the other hand, works across Windows, macOS, and Linux. That makes it super flexible, especially if you’re not using a Mac.

Features Comparison

Sketch comes packed with essential tools like shapes, text, and symbols, making it easy to create clean, reusable components. It also supports styles to keep your designs consistent. One of its biggest strengths is its plugin ecosystem—there’s a ton of extensions to add more functionality. You can export designs as PNG, JPG, or SVG, and share them via Sketch Cloud.

Pixso offers similar core tools, but with some handy extras. For example, you can adjust curves easily with handle controls or use the bend tool to tweak shapes intuitively. The paint bucket tool lets you fill any closed area with color, and it even auto-generates code for iOS, Android, or CSS. It also measures distances between objects automatically. Collaboration is where Pixso really stands out—it supports real-time cloud-based teamwork. You can build a shared component library so your team stays consistent, and it comes with a built-in resource library full of icons, images, and UI elements to speed up your workflow.

Learning Curve & Ease of Use

Sketch has a clean, intuitive interface that Mac users tend to pick up quickly. There’s also a wealth of tutorials and a strong community to help you learn.

Pixso is browser-based and doesn’t require installation, so you can jump in right away no matter what device you’re on. Its interface is straightforward, and it offers lots of learning materials like video guides and articles to help beginners. Plus, its community lets designers share work and resources—great for getting inspiration or reusing designs as you learn.

So, which one should you choose? If you’re all in on Apple and love customizing with plugins, Sketch is a trusted go-to. But if you want cross-platform flexibility, real-time collaboration, and helpful built-in resources, give Pixso a try—especially if you're on Windows.

Hope this helps you make a confident start. Do you have any other questions about design tools?

How I started using variable fonts in my UI designs (and why I love them)

Gloria — Thu, 18 Sep 2025 08:21:59 +0000

Hi, I’m Gloria. I’ve been using Pixso for a while now, mostly for UI and web projects. Lately, I’ve been exploring variable fonts — something I’d read about but never really tried until recently.

Turns out, they’ve quietly changed how I approach typography in my designs.

What are variable fonts?
You might already know this, but just in case — variable fonts are a single font file that can behave like many. Instead of loading separate files for light, regular, bold, or condensed, you get one file with adjustable settings.

In design tools, you can tweak things like weight or width with sliders. It feels a bit like editing a parameter in code, but visually.

Common axes are weight, width, slant, italic, and optical size. Some fonts even have custom ones, like changing the serif shape or shadow density. It’s pretty wild what’s possible now.

I noticed them in Pixso when using the Noto Sans SC font in my design. It showed up in the font menu when I clicked the three dots，and that’s when I started playing around.

Why I'm Using Them?
I didn’t expect to care this much, but here’s what changed for me:

Smoother text hierarchy
Before, I’d jump between fixed weights — regular for body, bold for headings. It worked, but sometimes felt abrupt. With variable fonts, I can fine tune the weight so it flows better across screen sizes. On mobile, I might use a slightly lighter bold; on desktop, go heavier.
Faster iteration
I don’t have to swap fonts or import new weights. Just slide until it looks right. It’s small, but it saves time when I’m tweaking layouts.
Less clutter in the file
When handing off to dev, one font file instead of five is a relief. Smaller bundle, fewer loading states to worry about.
More personality
It’s subtle, but being able to adjust width or slant just a little gives text more character. I used a narrow, medium-weight style for a navigation bar recently — felt more intentional than just “bold.”

How I use them in practice?
I’ve been using Pixso for this, since it’s my main tool right now. Here I will show you how to get started quickly just with already design resource.

Log in and open a web layout I copied from the Pixso resource library. They have a lot of free templates, which helped me skip the blank canvas stress.

Selected a text box and switched the font to “Noto Sans Arabic” (it’s marked as variable).

Clicked the little settings icon next to the font controls, then chose “Variable” Sliders for weight and width appeared.

Dragged until the text felt right. That’s it.

It’s not magic, but it’s nice to have that level of control without extra steps.

A few things I’ve noticed
They’re not perfect. Not all fonts support it, and some don’t have obvious visual changes across axes. Also, if you’re used to fixed styles, it takes a moment to adjust your thinking.

But for responsive work, especially in web design, they’re becoming a quiet must-have.

I’m not saying every project needs them. But if you’re tweaking font weights anyway, why not have more options in one file?

Curious — have any of you been using variable fonts in your day-to-day work? How’s it going? Any favorite fonts or tools that support them well?

Would love to hear your thoughts.