Opening Design Files

Figpea supports a wide range of design file formats, allowing you to work with various design tools' output directly in your browser. All processing happens locally on your machine, ensuring your files remain private and secure.

Supported Formats

Figpea Format (.fp)

  • Native format for Figpea
  • Preserves all editability and project data
  • Best choice for collaboration
  • Recommended for saving work in progress

Adobe XD (.xd)

  • Full support for XD design files
  • Preserves artboards and components
  • Maintains interactive prototypes
  • Supports auto-animate transitions

Learn more: Open Adobe XD Files Online with Figpea

Adobe Photoshop (.psd, .psb)

  • Complete support for PSD and PSB files
  • Preserves layer structure and effects
  • Maintains text editability
  • Supports smart objects and masks

Learn more: Open PSD Files Without Photoshop

PDF File (.pdf)

  • View and extract assets from PDF files
  • Convert pages to editable layers
  • Export individual elements
  • Perfect for design documentation

Adobe Illustrator (.ai)

  • Support for AI file format
  • Preserves vector artwork
  • Maintains layer organization
  • Retains color information

Image Files

  • JPEG (.jpg)
  • PNG (.png)
  • WebP (.webp)
  • Convert to editable layers
  • Extract assets and elements

Opening Files

  1. Drag and Drop:

    • Simply drag your design file onto the Figpea browser window
    • File processing happens locally on your machine
    • No uploading to servers required
  2. File Menu:

    • Click "Open File" in the top menu
    • Select your design file
    • Choose import options if available
  3. Recent Files:

    • Access recently opened files from the welcome screen
    • Quick access to frequent projects
    • Local file history

Import Settings

PSD Compatible Rendering

  • Enabled by default for accurate Photoshop matching
  • Uses pre-composite image data
  • Perfect for review and reference
  • Toggle off for vector editing

Learn more about PSD compatibility in our detailed guide

Font Management

  • Automatic font detection
  • Local font usage
  • Google Fonts integration
  • Font substitution options

Learn more: Font Manager Guide

Tips for Best Results

  1. File Organization:

    • Keep layer names clear and organized
    • Use standard fonts when possible
    • Maintain reasonable file sizes
    • Clean up unused resources
  2. Performance Optimization:

    • Consider flattening complex effects
    • Remove unnecessary hidden layers
    • Use appropriate file formats
    • Optimize embedded images
  3. Collaboration:

    • Save as .fp for team sharing
    • Document font requirements
    • Note any special settings
    • Share asset specifications

Troubleshooting

If you encounter issues opening files:

  1. Check File Size:

    • Large files may take longer to process
    • Consider splitting into smaller files
    • Remove unused resources
  2. Font Issues:

    • Install required fonts locally
    • Use font substitution
    • Consider converting text to outlines
  3. Complex Effects:

    • Try enabling PSD Compatible Rendering
    • Simplify complex layer effects
    • Flatten unnecessary layer styles

For more detailed information about working with specific file formats, check our blog posts.