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
-
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
-
File Menu:
- Click "Open File" in the top menu
- Select your design file
- Choose import options if available
-
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
-
File Organization:
- Keep layer names clear and organized
- Use standard fonts when possible
- Maintain reasonable file sizes
- Clean up unused resources
-
Performance Optimization:
- Consider flattening complex effects
- Remove unnecessary hidden layers
- Use appropriate file formats
- Optimize embedded images
-
Collaboration:
- Save as .fp for team sharing
- Document font requirements
- Note any special settings
- Share asset specifications
Troubleshooting
If you encounter issues opening files:
-
Check File Size:
- Large files may take longer to process
- Consider splitting into smaller files
- Remove unused resources
-
Font Issues:
- Install required fonts locally
- Use font substitution
- Consider converting text to outlines
-
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.