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

Figma (.fig)

• Open .fig files from Figma without a Figma account
• Early alpha — a structural read, not pixel-perfect
• View and read only

Learn more: Open Figma (.fig) Files

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

Archive Files (.zip)

• Open .zip archives containing supported design files
• Opens automatically when the archive holds exactly one design file — any number of accompanying images (PNG/JPG previews) does not change that
• Asks which file you want when there is more than one design file, or when there are several images and no design file
• Commonly used for PSD mockup bundles and design templates
• Only files that Figpea natively supports (PSD, XD, .fig, SVG, PDF, etc.) can be opened

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
   • Direct archive drag-drop: Drag a .zip archive onto the Figpea window. Figpea looks inside and unpacks it for you — opening straight away when there is exactly one design file in there, or asking which one you want when there are several

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

4. Archive Contains Unsupported Files:

   • ZIP files must contain at least one file in a format Figpea supports (PSD, XD, .fig, SVG, PDF, images, etc.)
   • Folders and other file types inside are ignored
   • Extract the ZIP manually if you need access to non-design files

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