Figma Make Review: Is It Worth Using in 2025?
Figma Make: Exploring Its Capabilities
Introduction to Figma Make
- Lucas introduces the video, focusing on testing the capabilities of Figma Make.
- The plan includes building simple and complex designs, as well as importing designs from Figma.
User Interface Overview
- The interface resembles traditional Figma with a left panel for tools and a top panel for options.
- Key features include share, publish, play buttons, user icon, preview options, and an empty code section.
Building a Signup Flow
- Lucas initiates the creation of a user-friendly signup flow aimed at enhancing onboarding experiences.
- He notes the initial design's appearance but mentions issues with spacing that need adjustment.
Interactivity Testing
- Lucas tests interactivity by entering user details in the signup flow; it functions adequately.
- He expresses interest in creating a dark mode version but notes limitations in frame management within Figma Make.
Image Reference Utilization
- Lucas demonstrates how to use an image reference from Dribbble to create a financial app design.
- After uploading an image and specifying design preferences (orange colors), he reviews the generated mobile view.
Evaluation of Generated Designs
- The output is structurally similar to the reference but lacks interactivity; graphs are noted as inferior.
- Lucas adds functionality by introducing a documents page but finds overall interactivity lacking across pages.
Importing Designs from Figma
- Lucas discusses his interest in importing existing designs into Figma Make using specific files like UI kits.
Figma Make vs. Magic Path: A Comparative Analysis
Exploring Figma Landing Pages
- The speaker discusses searching for a collection of Figma landing pages by Nagarjuna Pulam, highlighting the ease of creating a landing page to test design concepts.
- Observations on the design reveal issues with responsiveness; elements like the login button and navbar are not functioning optimally, indicating potential flaws in layout positioning.
Challenges with Responsive Design
- The speaker attempts to create a finance app using similar styles but notes difficulties with responsive design when importing from Figma.
- Comparison is made to a previous banking app that successfully maintained responsiveness across mobile and desktop views, emphasizing the current app's shortcomings.
Limitations of Figma Make
- The lack of interactivity in designs created through Figma is noted as a significant drawback, suggesting challenges in translating designs into functional applications.
- Introduction of Magic Path as an alternative tool that allows for more flexibility and user-friendly features compared to Figma Make.
Features of Magic Path
- Users can double-click anywhere within Magic Path to input prompts similar to those used in Figma, enhancing usability during the design process.
- The ability to generate multiple designs simultaneously is highlighted, showcasing how different animations and components can be integrated effectively.
Comparing Design Outputs
- Differences between generated designs are discussed; variations include distinct animations and component placements such as sign-up options with Google or Apple.
- The speaker appreciates having two designs side-by-side for comparison, noting that this feature aligns with expectations for an infinite canvas typical in popular design tools.
Exporting Code: A Key Consideration
- Concerns about exporting code from Figma Make are raised; while publishing options exist, there’s no straightforward method for code export.