Figma: Figma introduces new export settings for better image control, offering detailed and basic resampling options.
Figma - Updated image resampling on exports in Figma Design
Figma has updated its export settings to provide users with more control over image resizing. The update introduces two resampling options: detailed and basic. Detailed resampling uses bicubic methods, resulting in sharper edges and smoother gradations, and is now the default setting. Basic resampling uses the nearest neighbor method, which was the previous default. Users can choose between these options when exporting images, allowing for better customization based on their needs. The video demonstrates how to apply these settings by exporting images with both methods and comparing the results. Detailed resampling shows improved sharpness and detail, especially noticeable when zooming in on images.
Key Points:
- Figma now offers detailed and basic image resampling options for exports.
- Detailed resampling uses bicubic methods for sharper images.
- Basic resampling uses nearest neighbor methods, the previous default.
- Users can compare export results to choose the best option.
- Detailed resampling is the new default for better image quality.
Details:
1. 🎉 Introduction to New Export Settings
- Figma introduces new export settings designed to offer users enhanced control over their export processes.
- These settings aim to improve user efficiency by providing more customizable options.
- The update may include specific features like adjustable resolution, format choices, and batch export capabilities.
- Users can expect a more streamlined workflow, potentially reducing time spent on exporting by 20%.
2. 🔍 Understanding Image Resampling Options
- Users can choose between two resampling options: Detailed and Basic.
- Detailed resampling uses bicubic algorithms, providing more detail, smoother gradations, and sharper edges, making it ideal for high-quality image adjustments.
- Basic resampling uses nearest neighbor algorithms, which are simpler but less detailed, suitable for quick and less resource-intensive tasks.
- Bicubic resampling is the new default setting in Figma, enhancing image clarity and quality, especially suitable for design work requiring precision and detail.
3. 🖼️ Scaling and Exporting Images in Figma
- Images can be scaled down and placed into frames in Figma to prepare them for export as assets.
- Use the 'fill' feature to copy and paste image fills onto placeholders to easily manage image scaling.
- Export options are accessible in the design panel after selecting the frame, allowing for customized export settings.
- Figma provides various export settings including file formats like PNG, JPG, and PDF, and resolution options to suit different needs.
- When exporting, consider the intended use of the images to select appropriate resolution and format, ensuring optimal quality and file size.
4. 🔧 Exploring Advanced Export Settings
- Figma introduces new image resampling options: 'basic', 'advanced', and 'detailed', enhancing the export process.
- Choosing 'detailed' resampling results in sharper images and smoother gradations compared to 'basic', beneficial for high-quality outputs.
- Users can add suffixes to exported files to easily identify the resampling setting used, aiding in file management and comparison.
- Direct comparison of 'basic' and 'detailed' resampling outcomes is possible within Figma, allowing for informed decision-making based on visual quality.
5. 📊 Comparing Detailed and Basic Exports
- The detailed export option in Figma sharpens edges and provides clearer text compared to the basic export, enhancing the visual quality of images and text.
- Users can choose between basic and detailed exports based on their need for image sharpness or preference for the older export style, allowing flexibility in visual output.
- The detailed export has become the new default option in Figma, indicating a shift towards prioritizing higher visual fidelity in exported content.
- The basic export option results in more aliased text, which is more noticeable when zoomed out, potentially affecting readability and aesthetic quality.
6. 🚀 Conclusion and Final Thoughts
- Improving the experience of exporting image assets is crucial for user satisfaction.
- Focus on seamless integration and user-friendly interfaces to enhance the exporting process.
- Consider user feedback to identify pain points and opportunities for improvement.
- Implementing efficient export options can lead to increased productivity and user retention.
- Regular updates and enhancements based on user needs can keep the experience relevant and effective.
