#figma
#figma

[ follow ]

Frames X 2.9: Setting a Benchmark for a UI Kit

The new Mono UI kit in Figma uses semantic gradient variables for improved design flexibility.

Figma the villain, why great products fail, decentralizing UX with GenAI

Figma's strong brand identity poses growth challenges in its business model amidst changing economic conditions.

Figma just released this 5 new massive updates for 2024

Figmas new features at Config 2024 include Figma New UI, Figma AI, Figma Slides, Dev Mode Updates, and Feature Improvements.

Figma just released this 5 new massive updates for 2024

Figma unveiled five major updates at Config 2024, highlighting a new UI and AI features.

Bridging the design-to-code gap: Anima Playground

UI designers must now learn coding skills due to blurring roles and evolving tools like Anima Playground.

Frames X 2.9: Setting a Benchmark for a UI Kit

The reimagined UI kit introduces semantic gradients to enhance design complexity in Figma.

Frames X 2.9: Setting a Benchmark for a UI Kit

The new Mono UI kit in Figma uses semantic gradient variables for improved design flexibility.

Figma the villain, why great products fail, decentralizing UX with GenAI

Figma's strong brand identity poses growth challenges in its business model amidst changing economic conditions.

Figma just released this 5 new massive updates for 2024

Figmas new features at Config 2024 include Figma New UI, Figma AI, Figma Slides, Dev Mode Updates, and Feature Improvements.

Figma just released this 5 new massive updates for 2024

Figma unveiled five major updates at Config 2024, highlighting a new UI and AI features.

Bridging the design-to-code gap: Anima Playground

UI designers must now learn coding skills due to blurring roles and evolving tools like Anima Playground.

Frames X 2.9: Setting a Benchmark for a UI Kit

The reimagined UI kit introduces semantic gradients to enhance design complexity in Figma.

#user-experience

The story of Figma: living long enough as a hero to become a villain?

Figma's once-strong user base is facing challenges due to pricing strategies and AI announcements, signaling potential shifts in its market dominance.

Should Figma utilize gamification to help designers level up?

Gamifying Figma's onboarding could transform user experience by progressively introducing tools and features.

6 New Free UX/UI Courses You Must Try

Free courses available to enhance UX design skills for beginners and professionals.

'Nailing UX Interviews' course covers job preparedness, marketing services, and portfolio development.

'30 Days UX Learning' series provides instruction on UI/UX fundamentals and practical design tasks.

Figma's First Draft AI Feature is NOT what you think

Figma's AI tool First Draft surprises users by rapidly generating designs, but it doesn't create from scratch.

Carousel Design Best Practices

Carousel design needs to prioritize user experience by balancing content display with ease of navigation.

How to check and document design accessibility in your mockups by Stephanie Walter - UX Researcher & Designer.

Early prevention of accessibility issues in design saves time and enhances user experience.

Utilizing Figma and dedicated plugins can simplify accessibility checks in design mockups.

The story of Figma: living long enough as a hero to become a villain?

Figma's once-strong user base is facing challenges due to pricing strategies and AI announcements, signaling potential shifts in its market dominance.

Should Figma utilize gamification to help designers level up?

Gamifying Figma's onboarding could transform user experience by progressively introducing tools and features.

6 New Free UX/UI Courses You Must Try

Free courses available to enhance UX design skills for beginners and professionals.

'Nailing UX Interviews' course covers job preparedness, marketing services, and portfolio development.

'30 Days UX Learning' series provides instruction on UI/UX fundamentals and practical design tasks.

Figma's First Draft AI Feature is NOT what you think

Figma's AI tool First Draft surprises users by rapidly generating designs, but it doesn't create from scratch.

Carousel Design Best Practices

Carousel design needs to prioritize user experience by balancing content display with ease of navigation.

How to check and document design accessibility in your mockups by Stephanie Walter - UX Researcher & Designer.

Early prevention of accessibility issues in design saves time and enhances user experience.

Utilizing Figma and dedicated plugins can simplify accessibility checks in design mockups.

moreuser-experience

A guide to AI prototyping for product designers

AI in design democratizes creativity and enhances the designer's influence.

AI changes product design dynamics by lowering entry barriers and boosting design capabilities.

Figma's not a design tool-it's a Rube Goldberg machine for avoiding code

Designers are missing the practicality of coding, creating complex prototypes instead.

My Config'24 experience

Figma aims to enhance the design process with new AI features and improved collaboration tools, addressing complexity and user demands.

Frames X Root: The ultimate Figma wireframes UI kit

Frames X Root allows designers to focus on creativity in wireframing, free from complex UI kits.

Frames X Root: The ultimate Figma wireframes UI kit

Frames X Root simplifies wireframing in Figma by providing tools that prioritize creativity over complexity.

How I Designed and Built a Working Mobile App in 48 hrs using Figma's New AI

Figma's AI features can streamline the product design process, making it faster and more efficient.

A guide to AI prototyping for product designers

AI in design democratizes creativity and enhances the designer's influence.

AI changes product design dynamics by lowering entry barriers and boosting design capabilities.

Figma's not a design tool-it's a Rube Goldberg machine for avoiding code

Designers are missing the practicality of coding, creating complex prototypes instead.

My Config'24 experience

Figma aims to enhance the design process with new AI features and improved collaboration tools, addressing complexity and user demands.

Frames X Root: The ultimate Figma wireframes UI kit

Frames X Root allows designers to focus on creativity in wireframing, free from complex UI kits.

Frames X Root: The ultimate Figma wireframes UI kit

Frames X Root simplifies wireframing in Figma by providing tools that prioritize creativity over complexity.

How I Designed and Built a Working Mobile App in 48 hrs using Figma's New AI

Figma's AI features can streamline the product design process, making it faster and more efficient.

moreprototyping

#design-systems

Figma to functional: AI-powered iteration with Anima's Playground

Prepare Figma designs for Anima by organizing layers, using frames, and implementing auto-layout to optimize code generation.

The expanded scope and blurring boundaries of AI-powered design

AI in software development is advancing rapidly, notably with examples like Figma's 'Make Designs' feature, redefining product design processes.

The future is up for grabs when anyone can make designs

AI can learn design systems to create consistent copies, freeing up creators for higher-level tasks.

What's next for Figma, senior in 2 years, UX designer guide to prompting

Figma's design systems may look organized but can confuse new users; a redesign may be needed for better usability.

Frames X Root: The ultimate Figma wireframes UI kit

Frames X Root simplifies the wireframing process in Figma, enhancing creativity while offering robust, scalable design capabilities.

Figma to functional: AI-powered iteration with Anima's Playground

Prepare Figma designs for Anima by organizing layers, using frames, and implementing auto-layout to optimize code generation.

The expanded scope and blurring boundaries of AI-powered design

AI in software development is advancing rapidly, notably with examples like Figma's 'Make Designs' feature, redefining product design processes.

The future is up for grabs when anyone can make designs

AI can learn design systems to create consistent copies, freeing up creators for higher-level tasks.

What's next for Figma, senior in 2 years, UX designer guide to prompting

Figma's design systems may look organized but can confuse new users; a redesign may be needed for better usability.

Frames X Root: The ultimate Figma wireframes UI kit

Frames X Root simplifies the wireframing process in Figma, enhancing creativity while offering robust, scalable design capabilities.

moredesign-systems

Figma in Talks With Bankers to Explore an I.P.O. This Year

Figma is considering an IPO after Adobe's failed acquisition due to regulatory issues.

Figma's First Draft AI Feature is NOT what you think

Figma's AI feature, First Draft, generates designs but avoids originality issues by working within established design systems.

Figma's First Draft AI Feature is NOT what you think

Figma's AI 'First Draft' generates design mock-ups quickly but does not create unique designs from scratch.

Figma's First Draft AI Feature is NOT what you think

Figma's First Draft AI feature produces design outputs based on existing designs, not from scratch.

What's next on Figma's mind? Redesigning design systems

Figma is introducing new features including Figma Slides and an updated design system, eagerly anticipated for their impact on design processes.

Dylan Field 'Got a Real Kick' Out of This Week's Enron Relaunch

Dylan Field sees potential in reviving the Enron brand for a new generation, focusing on design's ability to reshape perceptions.

Figma in Talks With Bankers to Explore an I.P.O. This Year

Figma is considering an IPO after Adobe's failed acquisition due to regulatory issues.

Figma's First Draft AI Feature is NOT what you think

Figma's AI feature, First Draft, generates designs but avoids originality issues by working within established design systems.

Figma's First Draft AI Feature is NOT what you think

Figma's AI 'First Draft' generates design mock-ups quickly but does not create unique designs from scratch.

Figma's First Draft AI Feature is NOT what you think

Figma's First Draft AI feature produces design outputs based on existing designs, not from scratch.

What's next on Figma's mind? Redesigning design systems

Figma is introducing new features including Figma Slides and an updated design system, eagerly anticipated for their impact on design processes.

Dylan Field 'Got a Real Kick' Out of This Week's Enron Relaunch

Dylan Field sees potential in reviving the Enron brand for a new generation, focusing on design's ability to reshape perceptions.

SCALES - Design Tokens Starter Set by Philipp Jeroma

Start your design system with an accessible, pre-built tokens set to simplify setup and focus on design.

Frames X 2.9: Setting a Benchmark for a UI Kit

The Frames X Mono UI kit 2.9 introduces semantic gradient variables for a more flexible and aesthetically complex design experience in Figma.

Maintaining a design system in Figma

Maintain Figma design systems by implementing a controlled release process to prevent breaking designer's files.

Maintaining a design system in Figma

Keep Figma design systems updated to avoid breaking consumer projects.

Typography Variables in Figma Are Here

Color variables can now be bound to gradient stops in Figma, allowing for precise editing and eliminating the need for guesswork in gradient design.

SCALES - Design Tokens Starter Set by Philipp Jeroma

Start your design system with an accessible, pre-built tokens set to simplify setup and focus on design.

Frames X 2.9: Setting a Benchmark for a UI Kit

The Frames X Mono UI kit 2.9 introduces semantic gradient variables for a more flexible and aesthetically complex design experience in Figma.

Maintaining a design system in Figma

Maintain Figma design systems by implementing a controlled release process to prevent breaking designer's files.

Maintaining a design system in Figma

Keep Figma design systems updated to avoid breaking consumer projects.

Typography Variables in Figma Are Here

Color variables can now be bound to gradient stops in Figma, allowing for precise editing and eliminating the need for guesswork in gradient design.

moredesign-system

#design-industry

Figma and the enshittification of Product Design

Figma's dominance has reshaped the design industry by prioritizing profit and ease of use over traditional design values.

Figma and the enshittification of Product Design

Profit-driven software has changed the perception and legitimacy of the design industry.

Figma's ease of use and extensive features have redefined modern product design.

Figma and the enshittification of Product Design

Figma's rise symbolizes both enhanced design accessibility and the potential delegitimization of traditional design practices.

Figma and the enshittification of Product Design

Figma's rise has redefined collaboration in design but has also prioritized profit, impacting the traditional values of the design industry.

Figma and the enshittification of Product Design

Figma's dominance has reshaped the design industry by prioritizing profit and ease of use over traditional design values.

Figma and the enshittification of Product Design

Profit-driven software has changed the perception and legitimacy of the design industry.

Figma's ease of use and extensive features have redefined modern product design.

Figma and the enshittification of Product Design

Figma's rise symbolizes both enhanced design accessibility and the potential delegitimization of traditional design practices.

Figma and the enshittification of Product Design

Figma's rise has redefined collaboration in design but has also prioritized profit, impacting the traditional values of the design industry.

moredesign-industry

Figma's AI Tools: Game-Changer for Designers or the End of Creativity?

Figma AI tools enhance design workflow but raise concerns about their impact on employment in the design sector.

Figma's 'unapologetically jumbo' new identity draws inspiration from the playground

Figma's rebranding reflects a celebration of creativity through playful design elements and a collaborative spirit.

The new identity focuses on minimalism with 'Primitives' as foundational design elements.

Figma's bold color palette seeks to break down traditional color ownership in branding.

Advanced Figma components tips & tricks: little gems we love 2024

Figma's updated user interface at Config 2024 enhances user experience with new features.

Frames X 2.9: Setting a Benchmark for a UI Kit

The update significantly enhances Figma's UI library by introducing semantic gradient variables for more visually complex and brand-consistent designs.

Figma's AI Tools: Game-Changer for Designers or the End of Creativity?

Figma AI tools enhance design workflow but raise concerns about their impact on employment in the design sector.

Figma's 'unapologetically jumbo' new identity draws inspiration from the playground

Figma's rebranding reflects a celebration of creativity through playful design elements and a collaborative spirit.

The new identity focuses on minimalism with 'Primitives' as foundational design elements.

Figma's bold color palette seeks to break down traditional color ownership in branding.

Advanced Figma components tips & tricks: little gems we love 2024

Figma's updated user interface at Config 2024 enhances user experience with new features.

Frames X 2.9: Setting a Benchmark for a UI Kit

The update significantly enhances Figma's UI library by introducing semantic gradient variables for more visually complex and brand-consistent designs.

Figma wishlist 2025

Figma's lack of native z-axis and 3D transforms limits workflow efficiency for designers, necessitating reliance on plugins.

Figma's new branding is designed for growth mode

Figma aims to transform from a single-product company into an expansive multi-product platform for diverse creative teams.

Figma's First Draft AI Feature is NOT what you think

Figma's AI feature First Draft builds designs based on existing systems, not from scratch.

Best Design Apps for the Creative Industry - Yanko Design

Figma is a leading tool in UI/UX design, favored for its collaboration features and ease of use.

Figma's Battle Against Figma Clones

Figma acquires companies to enhance technology and eliminate competition, exemplified by its purchases of Diagram and Visly.

UI/UX Design: Clone Any Webpage in Figma in Less Than 5 Minutes

You can clone websites and convert them into editable Figma files quickly and easily.

Using the HTML to Design plugin for Figma streamlines the process.

Figma wishlist 2025

Figma's lack of native z-axis and 3D transforms limits workflow efficiency for designers, necessitating reliance on plugins.

Figma's new branding is designed for growth mode

Figma aims to transform from a single-product company into an expansive multi-product platform for diverse creative teams.

Figma's First Draft AI Feature is NOT what you think

Figma's AI feature First Draft builds designs based on existing systems, not from scratch.

Best Design Apps for the Creative Industry - Yanko Design

Figma is a leading tool in UI/UX design, favored for its collaboration features and ease of use.

Figma's Battle Against Figma Clones

Figma acquires companies to enhance technology and eliminate competition, exemplified by its purchases of Diagram and Visly.

UI/UX Design: Clone Any Webpage in Figma in Less Than 5 Minutes

You can clone websites and convert them into editable Figma files quickly and easily.

Using the HTML to Design plugin for Figma streamlines the process.

moredesign-tools

Extending the cursor

The cursor has evolved to enhance user interaction significantly.

WaveMaker UI Code Accelerator Pictures Pixel Perfection - DevOps.com

WaveMaker AutoCode revolutionizes the application development process by streamlining the transition from design to development and enhancing efficiency through AI.

Six Memos for the Future of Digital Creation | Figma Blog

Memos are a key form of communication in tech that shape industry ideas and strategies.

#web-development

Developer Puts Lottie Under the Microscope | HackerNoon

Lottie is a lightweight, scalable animation tool that is rapidly becoming an industry standard across various platforms.

5 Tools That Made Me 10x Faster as a Web Developer | HackerNoon

Figma, Visual Studio Code, and Google Chrome are essential tools for web developers to enhance efficiency and speed.

Developer Puts Lottie Under the Microscope | HackerNoon

Lottie is a lightweight, scalable animation tool that is rapidly becoming an industry standard across various platforms.

5 Tools That Made Me 10x Faster as a Web Developer | HackerNoon

Figma, Visual Studio Code, and Google Chrome are essential tools for web developers to enhance efficiency and speed.

moreweb-development

#personal-finance

How I Designed and Built a Working Mobile App in 48 hrs using Figma's New AI

The article showcases a personal exploration of using Figma's AI tools for complete product development in a short timeframe.

How I Designed and Built a Working Mobile App in 48 hrs using Figma's New AI

Explored Figma's AI features for efficient product design and development in 48 hours.

Identified a personal finance challenge and aimed to research broader user experiences.

Documented the need for streamlined tools in both design and financial management.

How I Designed and Built a Working Mobile App in 48 hrs using Figma's New AI

The article showcases a personal exploration of using Figma's AI tools for complete product development in a short timeframe.

How I Designed and Built a Working Mobile App in 48 hrs using Figma's New AI

Explored Figma's AI features for efficient product design and development in 48 hours.

Identified a personal finance challenge and aimed to research broader user experiences.

Documented the need for streamlined tools in both design and financial management.

morepersonal-finance

Figma & the cost of collaboration: revisited 3 months later

Figma is actively working to regain user trust through improved billing transparency and responsiveness to user feedback.

Figma's Battle Against Figma Clones

Figma strategically acquires companies to enhance technology and eliminate competition, notably in AI and design.

Figma's Battle Against Figma Clones

Figma acquires innovative companies to enhance its technology and eliminate competition, aiming for rapid development in the design space.

Figma's Battle Against Figma Clones

Figma strategically acquires companies to enhance technology and eliminate competition, notably in AI and design.

Figma's Battle Against Figma Clones

Figma acquires innovative companies to enhance its technology and eliminate competition, aiming for rapid development in the design space.

moreacquisitions

#design-process

Only for Those Serious About UX Documentation

Documenting the design process in Figma enhances recall of design decisions and stakeholder feedback.

Only for Those Serious About UX Documentation

Streamlining the design process through effective documentation helps in recalling design decisions and fostering collaboration with stakeholders.

Only for Those Serious About UX Documentation

Streamlining the design process can prevent delays and help keep track of design decisions more effectively.

Only for Those Serious About UX Documentation

Documenting the design process in Figma enhances recall of design decisions and stakeholder feedback.

Only for Those Serious About UX Documentation

Streamlining the design process through effective documentation helps in recalling design decisions and fostering collaboration with stakeholders.

Only for Those Serious About UX Documentation

Streamlining the design process can prevent delays and help keep track of design decisions more effectively.

moredesign-process

Figma's Battle Against Figma Clones

Figma is actively pursuing legal action against Motiff for allegedly stealing code and engaging in unfair competition.

Tutorial: How to Turn Figma Files to SVG with Rect Elements | HackerNoon

Understanding SVG requirements is crucial for animation in Webflow.

Automating repetitive tasks significantly increases efficiency and productivity.

Creating plugins can solve complex design challenges.

What's next on Figma's mind? Redesigning design systems

Sam Altman's note-taking method emphasizes practicality and simplicity, favoring spiral notebooks that can easily have pages removed for effective review.

#responsive-design

How to lock aspect ratios for responsive media in Figma

Properly locking aspect ratios in Figma prevents image distortion and cropping during responsive design.

Pixel Perfect Figma to Tailwind

Improve design fidelity with Tailwind CSS workshop by implementing a redesign of Epic Stack Homepage from scratch.

How to lock aspect ratios for responsive media in Figma

Properly locking aspect ratios in Figma prevents image distortion and cropping during responsive design.

Pixel Perfect Figma to Tailwind

Improve design fidelity with Tailwind CSS workshop by implementing a redesign of Epic Stack Homepage from scratch.

moreresponsive-design

Breaking In: A Guide To Landing Your First Product Design Role | Figma Blog

Figma values interns who actively contribute new ideas and energy to the product design team.

Figma Moves from ECS to Kubernetes to Benefit from the CNCF Ecosystem and Reduce Costs

Figma successfully migrated its compute platform from AWS ECS to Kubernetes (EKS) in under 12 months with minimal impact on customers.

My Config'24 experience

Figma introduced innovations at Config 2023, focusing on simplifying design processes with new AI features while addressing user feedback on tool complexity.

8 Figma tips for UI3

UI3 offers streamlined design tools but requires an adjustment period.

Easily revert to previous UI if necessary during transition.

New features like bulk-edit and suggested auto-layout improve efficiency.

My Config'24 experience

Figma introduced innovations at Config 2023, focusing on simplifying design processes with new AI features while addressing user feedback on tool complexity.

8 Figma tips for UI3

UI3 offers streamlined design tools but requires an adjustment period.

Easily revert to previous UI if necessary during transition.

New features like bulk-edit and suggested auto-layout improve efficiency.

moreuiux-design

Understanding Figma billing with the new payment structure - LogRocket Blog

Figma's launch of Dev Mode led to confusion and frustration over new pricing adjustments.

#code-generation

Figma to React: Design to Code Conversion

Generated code outcome differs for complex projects especially with plugins like Figma's Antd and Tailwind templates.

Using Figma Anima for design-to-code handoff - LogRocket Blog

Traditional design handoff tools only translate Figma properties to styling code, design-to-code tools produce complete but often bloated code.

Anima's AI solution offers cleaner code generation in various languages like React and Vue, addressing inefficiencies in existing design handoff tools.

Figma to React: Design to Code Conversion

Generated code outcome differs for complex projects especially with plugins like Figma's Antd and Tailwind templates.

Using Figma Anima for design-to-code handoff - LogRocket Blog

Traditional design handoff tools only translate Figma properties to styling code, design-to-code tools produce complete but often bloated code.

Anima's AI solution offers cleaner code generation in various languages like React and Vue, addressing inefficiencies in existing design handoff tools.

morecode-generation

Surf the web like it's 1999 with these old-school cursors | Figma Blog

Bringing back digital design eras through throwback cursors in Figma and FigJam.

Cursors in Figma and FigJam signify multiplayer collaboration and personal expression across screens.

[ Load more ]