Advanced Usage and Configuration

Dive deeper into PixelLift's settings for custom workflows, naming conventions, and integration tips.

Overview

PixelLift offers advanced settings to tailor exports to your workflow. Customize naming patterns, fine-tune compression, optimize for large Figma files, and structure outputs for team handoffs. These features help scale from single designs to full design systems.

Save your configurations as presets in PixelLift to reuse across projects.

Custom Naming Conventions

Control file names with prefixes, suffixes, and dynamic tokens. Use layer names, frame paths, or AI suggestions for production-ready assets.

Combine tokens like {layer}, {frame}, and {scale}.

{
  "prefix": "assets/",
  "pattern": "{layer}-{scale}x.webp"
}

AI renaming works out of the box with PixelLift's default OpenAI key. To use your own key or switch models, click Change in the AI rename modal and enter your API key.

{
  "aiEnabled": true,
  "model": "gpt-4o",
  "prompt": "Rename this UI element descriptively: {layer}"
}

Compression and Quality Settings

Adjust compression levels for WebP, AVIF, or PNG. Balance file size and visual fidelity.

Open Settings

Click the gear icon in PixelLift panel.

Select Format

Choose WebP or AVIF from the export dropdown.

Set Quality

Slide quality from 70 (balanced) to 95 (high fidelity).

Format	Default Quality	Recommended Range
WebP	80	75-90
AVIF	75	70-85
PNG	Lossless	N/A

Apply and Test

Export a sample layer to preview results.

Higher quality increases file sizes. Test on your target devices.

Handling Large Projects

For files with 100+ layers, use these tips to maintain performance.

Limit selections to 50 layers per batch.
Disable AI renaming for initial exports.
Export in 2x scale only; generate 1x post-process.

{
  "batchSize": 50,
  "aiRename": false,
  "scales": ["2x"]
}

Close other Figma tabs and restart the plugin before large exports.

Export to Project Structures

Organize outputs for developers or design systems.

Component Library

Folders by component: components/Button/primary.webp

Page Assets

By page: pages/home/hero-banner.avif

Icons Set

Flat structure: icons/{name}-{size}.png

Design Tokens

JSON metadata: tokens/button.json with image refs.

Next Steps

Experiment with presets for your workflow. For integration with build tools, check the Figma Community page.

Share your custom configs in the PixelLift Discord for community tips.

AI Renaming

How AI renaming works and how to optionally use your own API key.

Rename, Prefix and Suffix

Manual rename, tokens, numbering, and bulk prefix/suffix.

Scale

Set resolution and quality per export or across the entire batch.

File Formats

Choose between PNG, JPG, WebP, AVIF, SVG, and PDF.

Quick Start

New to PixelLift? Start here.

FAQ

Common questions about exporting, renaming, and AI features.

Was this page helpful?

Last updated 6 days ago

Built with Documentation.AI