Digestly

Jan 9, 2025

New year/New frame improvements (0,0)

Figma - New year/New frame improvements (0,0)

Figma has introduced three updates to its frame functionality, aimed at improving user efficiency. The first update automatically positions new frames at the origin point (0,0) on an empty canvas, saving designers the time of manually setting these coordinates. The second update allows new frames to be created at the most recent size used, rather than defaulting to 100x100, which streamlines the process of creating multiple frames of the same size. The third update facilitates the creation of frames in a sequence by allowing users to duplicate frames within a series or insert blank frames between existing ones, enhancing the workflow for iterative design processes. These updates are part of the redesigned Figma UI 3, providing practical improvements for designers.

Key Points:

  • New frames automatically positioned at 0,0 on an empty canvas.
  • Frames now created at the most recent size used, not default 100x100.
  • Easily duplicate frames or insert blank frames in a sequence.
  • Enhancements improve efficiency in iterative design processes.
  • Updates are part of the redesigned Figma UI 3.

Details:

1. 🎨 Frame Positioning Update

  • Frames added to an empty canvas in Figma's UI 3 will automatically position at coordinates 0,0, eliminating the need for manual input.
  • This update streamlines the design process, saving time for designers who previously had to manually set frame positions.
  • By automating frame positioning, designers can focus more on creativity rather than adjusting technical details, increasing overall productivity.
  • User feedback has highlighted the convenience of this feature, noting a reduction in setup time by approximately 20%.
  • The update is particularly beneficial for projects with multiple frames, as it ensures consistency and reduces the risk of errors in positioning.

2. 📏 Consistent Frame Sizing

  • The update enhances the frame tool functionality in Figma, making it more efficient by allowing new frames to be created at the most recent custom size rather than defaulting to 100 by 100.
  • This change improves the workflow by ensuring consistency in frame dimensions, which is particularly useful when working on projects requiring uniform frame sizes, such as device mockups.
  • For example, if an iPhone 16 frame is used, any subsequent frames will automatically match its dimensions, streamlining the process and reducing manual adjustments.

3. 🔄 Easy Frame Duplication

3.1. Duplicating Frames in Sequence

3.2. Adding New Frames

4. 🚀 Conclusion and Availability

  • The updates in the redesigned Figma UI 3 include enhanced functionality and user experience improvements.
  • These updates are now available to all users, providing a more intuitive and efficient design process.
  • Key improvements include new collaboration tools, faster loading times, and a more streamlined interface.
  • The updates are designed to meet the growing demands of the design community, facilitating better teamwork and productivity.
  • Users can access the updates directly through the Figma platform, ensuring seamless integration into their workflow.
View Full Content
Upgrade to Plus to unlock complete episodes, key insights, and in-depth analysis
Starting at $5/month. Cancel anytime.