#figma

[ follow ]
ui-design
LogRocket Blog
4 days ago
Web design

Why you shouldn't use vertical trim in Figma (yet) - LogRocket Blog

Figma's vertical trim feature helps solve spacing issues caused by excess leading, enhancing design accuracy and easing development adjustments. [ more ]
Medium
2 months ago
Web design

Responsive layout grid in Figma

Responsive layout grids in Figma ensure design adaptability across screens.
Creating columns grid in Figma aids in aligning UI elements horizontally. [ more ]
Medium
2 months ago
Web design

Making of true multi-brand design system

Decouple components and styles in Figma for easy maintenance and flexibility.
Use style components in Figma similar to CSS classes to create reusable UI element styles. [ more ]
moreui-design
collaboration
Medium
3 weeks ago
UX design

Maintaining a design system in Figma

Maintain Figma design systems by implementing a controlled release process to prevent breaking designer's files. [ more ]
Figma
1 month ago
UX design

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. [ more ]
Medium
2 months ago
Web design

The only Figma plugins I actually use

Use plugins sparingly but essential ones can greatly improve workflow.
Print Variables, Loom Embed, and Story to Design are beneficial plugins for Figma. [ more ]
LogRocket Blog
2 months ago
UX design

The shift in Figma collaboration: Designers and delegates - LogRocket Blog

Figma has become the number one design tool by prioritizing a user-centric approach and adapting to the evolving needs of the design community. [ more ]
morecollaboration
adobe
LogRocket Blog
2 months ago
UX design

InVision is shutting down - where does that leave design collaboration services? - LogRocket Blog

Adobe's acquisition of Figma was terminated, leaving a gap in their suite of tools for wireframing and prototyping.
InVision announced the sale of Freehand to Miro and the discontinuation of other services, signaling changes in the design collaboration software market. [ more ]
www.nytimes.com
3 months ago
Tech industry

After Its $20 Billion Windfall Evaporated, a Start-Up Picks Up the Pieces

The $20 billion deal for Adobe to buy Figma fell apart after regulatory scrutiny.
Figma has reset its internal valuation to $10 billion, half of what Adobe planned to pay for it. [ more ]
Creative Bloq
3 months ago
Graphic design

It seems Adobe's given up on UI design (for now)

Adobe XD will remain in 'maintenance mode' with no major updates or investment.
Adobe has ruled out resurrecting XD or launching a new UI design tool, but is open to exploring partnerships in the space. [ more ]
Theregister
3 months ago
Graphic design

Adobe: 'No plans' to invest in XD despite its Figma failure

Adobe will no longer prioritize the development of XD, leaving the market open for Figma.
Adobe's attempt to acquire Figma for $20 billion was blocked by regulators due to concerns of a potential monopoly. [ more ]
www.fastcompany.com
4 months ago
Graphic design

Design fail: Adobe and Figma call off their merger as antitrust scrutiny intensifies

Adobe has abandoned its $20 billion takeover of Figma due to pressure from regulators in the UK and EU.
Regulators have been increasingly wary of anticompetitive deals in the tech sector, leading to scrutiny of mergers and acquisitions. [ more ]
www.theguardian.com
4 months ago
Graphic design

Adobe drops $20bn takeover of Figma after EU and UK regulator concerns

Adobe has abandoned its $20bn takeover of Figma due to concerns from regulators about competition.
The deal would have threatened competition in the product design software market, according to UK regulators. [ more ]
moreadobe
plugins
LogRocket Blog
2 months ago
UX design

10 Figma accessibility plugins that make up for the lack of inbuilt options - LogRocket Blog

Accessibility is essential for ensuring equal access to information and experiences on digital platforms.
Figma offers a variety of accessibility plugins to facilitate the creation of accessible designs. [ more ]
Medium
3 months ago
Web design

Top 10 Figma plugins for UX designers

Figma has plugins that make it easier to work with images and color palettes
Plugins like Unsplash, Image Palette, Coolors, ColorLabels, and Noisy Gradients provide useful functionality for designers in Figma [ more ]
uxplanet.org
4 months ago
Web design

Top 12 Figma Plugins for UI/UX Designers in 2024

There are several useful plugins available for Figma that make designing easier and more efficient.
Some of the plugins mentioned in the article include a content generator, a website converter, an isometric image creator, a frame and component switcher, a vector to 3D converter, and a contrast checker. [ more ]
moreplugins
Figma
LogRocket Blog
5 months ago
Web design

Creating presentations using Figma - LogRocket Blog

Figma is a versatile design tool that can be used to create effective presentations with unique transitions.
Creating stunning presentations in Figma is straightforward and can captivate your audience. [ more ]
Medium
5 months ago
Web design

UI/UX Design: The Fastest Way to Present Your Work Professionally

Present your work effectively in a short timeframe
Use the Figma software to create a professional presentation [ more ]
Engadget
5 months ago
Graphic design

Adobe and Figma deal will 'harm' digital design sector, UK report suggests

The UK's Competition and Markets Authority (CMA) has released provisional findings on the Adobe and Figma merger, stating that it will eliminate competition, reduce innovation, and remove Figma as a threat to Adobe's software suites.
Figma is a major player in the UK design space, accounting for 80% of the market and a significant part of the country's app development sector.
The investigation concludes that the merger would eliminate competition in multiple fields, impacting sectors that generate $60 billion in annual revenue and employ 850,000 skilled workers. [ more ]
LogRocket Blog
5 months ago
UX design

17 Figma design systems you need to know about - LogRocket Blog

Design systems help maintain visual and functional consistency in digital products. They also help designers work more efficiently.
Figma design systems for Apple-powered apps include design systems for iOS, iPadOS, macOS, and visionOS.
There are many free design systems and UI kits available for designers to use and adapt. [ more ]
MarTech
5 months ago
Web design

EU raises antitrust concerns about Adobe's purchase of Figma | MarTech

The European Commission has filed an antitrust complaint against Adobe's $20 billion bid for Figma, citing concerns of reduced competition in interactive product design tools.
Figma is considered the market leader in interactive product design tools, and the merger with Adobe could create a dominant player in the market.
Adobe has already started phasing out its own interactive product design tool, Adobe XD, after announcing the deal. [ more ]
The Verge
5 months ago
Graphic design

Adobe's $20 billion bid for Figma in peril after EU warning

The European Commission has issued a formal antitrust complaint against Adobe regarding its proposed $20 billion acquisition of Figma.
The Commission believes that the merger may significantly reduce competition in the global markets for interactive product design tools and editing tools.
Adobe and Figma have until February 5th to respond to the Commission's objections and address regulatory concerns. [ more ]
moreFigma
Figma
3 months ago
UX design

5 Things Designers Need to Know for a Smooth Handoff | Figma Blog

Google autocomplete sheds light on common problems with design development handoff.
Annotations in Dev Mode enhance communication between designers and developers. [ more ]
Scalac - Software Development Company - Akka, Kafka, Spark, ZIO
1 week ago
JavaScript

Figma to React: Design to Code Conversion

Generated code outcome differs for complex projects especially with plugins like Figma's Antd and Tailwind templates. [ more ]
Epic Web Dev
2 weeks ago
Web design

Pixel Perfect Figma to Tailwind

Improve design fidelity with Tailwind CSS workshop by implementing a redesign of Epic Stack Homepage from scratch. [ more ]
LogRocket Blog
1 month ago
Web design

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. [ more ]
Medium
1 month ago
Web design

Post-Neubrutalism: foreshadowing Figma's next aesthetic ethos

Solarpunk is emerging as a design trend post-Neubrutalism.
Figma CEO, Dylan Field, sees Solarpunk as the next big thing in design. [ more ]
Medium
1 month ago
Web design

Post-Neo-Brutalism: foreshadowing Figma's next aesthetic ethos

Solarpunk is emerging as a new design trend.
Figma, a popular design tool, is moving towards Solarpunk aesthetics. [ more ]
The Verge
1 month ago
Web design

Figma CEO Dylan Field on the failed Adobe deal and why he's optimistic about AI

Figma is a widely-used design tool running on the web, became a significant player since 2016.
Figma CEO Dylan Field discusses life post-failed Adobe deal, company structure, and AI's impact on creative community. [ more ]
Medium
2 months ago
Web design

Advanced Figma tips & tricks 2024: little gems we love

Opening dev mode in VS Code with Figma extension
Optimizing workflow with shortcuts for toggling dev mode and auto layout settings [ more ]
UX design
Medium
1 month ago
UX design

12 Figma tips to work more efficiently

New multi-select matching layers tool allows specific layer selection.
Bulk-edit text and variants save time and streamline complex changes. [ more ]
LogRocket Blog
2 months ago
UX design

Integrating ProtoPie into a Figma prototyping workflow - LogRocket Blog

Using ProtoPie for prototyping can enhance the design process.
ProtoPie's compatibility with Figma simplifies integration into the design workflow. [ more ]
Figma
2 months ago
UX design

Behind the Feature: The Multiple Lives of Multi-Edit | Figma Blog

Multi-edit feature revolutionized editing in Figma with simultaneous changes to multiple objects.
Innovation at Figma is driven by questioning industry norms and persistently refining new features. [ more ]
Figma
2 months ago
UX design

Behind the Feature: Inline Device Frames | Figma Blog

Enhancements in Figma for faster prototyping
Introduction of inline device frames for realistic design visualization [ more ]
Medium
2 months ago
UX design

Figma's only interest is revenue, and it's going to erode the design culture

Figma founders focused on monetization, not designers
Figma neglected UX, design community, and customers [ more ]
The Verge
3 months ago
UX design

Figma's CEO on life after his failed sale to Adobe

Figma CEO Dylan Field faced setbacks after Adobe acquisition was blocked by regulators
Figma's internal valuation lowered to $10 billion post-regulatory setback, but company remains strong [ more ]
moreUX design
Medium
2 months ago
UX design

Threads' downfall, HTML to Figma, Customer Experience 3.0, effective communication

User onboarding with less friction leads to higher conversions, but it can come with a cost.
The UX Collective focuses on elevating unheard design voices and promoting critical thinking in design. [ more ]
uxplanet.org
3 months ago
UX design

New UX/UI Tools in January and Challenges in February 2024

February Challenge is an opportunity to get creative and develop skills
Figma Lottie Updates make creating complex animations easier [ more ]
Creative Bloq
3 months ago
UX design

5 Figma tips and tricks you'll wish you knew sooner

Use K to scale objects
Create custom URLs for objects [ more ]
Medium
3 months ago
UX design

8 Apps and websites worth paying for: UX/UI edition

AI tools like ChatGPT can automate routine tasks and assist with user research in UX/UI design.
Figma's Professional plan offers unlimited projects, version history, and team libraries for better design collaboration. [ more ]
LogRocket Blog
3 months ago
UX design

Framer vs. Figma: When should you be using Framer? - LogRocket Blog

Figma is an all-in-one design platform with a focus on real-time collaboration.
Framer is a design and prototyping tool that emphasizes microinteractions and animations, and allows customization through real code. [ more ]
blog.logrocket.com
3 months ago
UX design

Creating context menus for your app - LogRocket Blog

Figma introduces FigJam AI, a new AI tool in their suite
FigJam AI is linked to Diagram, a company acquired by Figma [ more ]
TechCrunch
4 months ago
Web design

Singapore's Locofy launches its one-click design-to-code tool | TechCrunch

Locofy has developed a tool called Lightning that converts Figma and AdobeXD prototypes into code.
The Lightning tool automates around 80% of frontend development, saving developers time and allowing them to focus on other tasks.
Locofy plans to expand Lightning to more design tools, including AdobeXD, Penpot, Sketch, Wix, Canva, and Notion. [ more ]
LogRocket Blog
4 months ago
Web design

Configuring Figma's auto layout wrap - LogRocket Blog

Figma's auto layout feature has made it easier to align and distribute objects within a frame.
The introduction of auto layout wrap allows objects in an auto layout frame to expand beyond a single row. [ more ]
LogRocket Blog
4 months ago
Web design

How to handle Figma's "missing fonts" warning - LogRocket Blog

Figma is the most used tool for UI design and prototyping, but it has an issue with missing fonts.
If you encounter missing fonts in Figma, make sure you have the font installed, choose a replacement font, or install the Figma font installer for your operating system. [ more ]
uxplanet.org
4 months ago
Web design

My favorite UX design workbooks: develop your skills by solving exercises

The Design Challenges Workbook by Supercharge Design is a comprehensive workbook that includes 15 design challenges with detailed briefs and video guides.
The workbook covers various design focuses and platforms, allowing designers to apply their theoretical knowledge and build a strong portfolio. [ more ]
uxplanet.org
4 months ago
Graphic design

7 Apps & Websites I use every day as a UX/UI designer

Figma is a great tool for UX/UI design, but there are other apps and websites that serve specific purposes that Figma can't replace.
Mobbin is a website that provides a collection of real websites and mobile apps for design inspiration, offering different designs and flows to give new ideas and help in design work. [ more ]
The Verge
4 months ago
Graphic design

Adobe abandons $20 billion acquisition of Figma

Adobe and Figma have mutually terminated their merger agreement.
Adobe will pay Figma a reverse termination fee of $1 billion. [ more ]
Medium
5 months ago
Graphic design

8 Figma Plugins I Use Every Week

There are eight plugins recommended for use with Figma that can improve performance and add functionality
These plugins include features like adding logos, converting raster graphics to vector graphics, adding stylish icons, applying noise effects and textures, placing objects or text along a path, generating shades of a primary color, and creating beautiful shadows [ more ]
www.fastcompany.com
4 months ago
Artificial intelligence

FigJam is betting its AI can make meetings less terribleeven without Adobe's backing

Figma has launched a public beta of FigJam AI, a set of tools aimed at improving meetings.
Figma has made significant moves in the AI space, including acquiring Diagram and launching Jambot. [ more ]
The Verge
4 months ago
Web design

Adobe refuses to compromise on its bid for Figma

Adobe refuses to make any compromises to appease the UK competition watchdog's concerns about its $20 billion acquisition of Figma.
The Competition and Markets Authority's recommendations leave Adobe with the option to sell off Figma Design or face the deal being blocked entirely. [ more ]
LogRocket Blog
5 months ago
Web design

How to design input steppers with Figma - LogRocket Blog

Stepper inputs are small buttons used to pick a number and are important for user-friendly website and app design.
This article provides a step-by-step tutorial on creating a stepper input using Figma. [ more ]
www.fastcompany.com
5 months ago
Web design

Figma's new keyboard lets designers build the shortcut of their dreams

Figma is launching Figma Creator Micro, a 12-key keyboard that allows users to program up to 48 different shortcuts for the design software.
The keyboard was created during Figma's Maker Week in collaboration with Work Louder, a Canadian modular keyboard producer. [ more ]
LogRocket Blog
5 months ago
Web design

10 advanced Figma tips and tricks to improve your workflow - LogRocket Blog

Figma is a powerful design tool with a large market share among collaborative design tools.
To become a proficient UX designer with Figma, it's important to learn and demonstrate shortcuts that improve workflow and efficiency. [ more ]
Medium
5 months ago
Web design

Behind the scenes of creating a new Web Accessibility Annotation Kit

Consider accessibility early and often.
Design teams struggled with inconsistent documentation and annotations for accessibility.
CVS Health® Inclusive Design team created a Web Accessibility Annotation Kit on Figma. [ more ]
The Verge
5 months ago
Web design

UK watchdog slams the brakes on Adobe's $20 billion bid for Figma

The UK's competition watchdog, the CMA, has provisionally determined that Adobe's proposed acquisition of Figma would harm competition in the design software market.
The CMA stated that the deal would eliminate competition in the software markets for product design, image editing, and illustration.
Possible remedies being considered include prohibiting the merger or requiring Adobe to divest its 'overlapping operations'. [ more ]
LogRocket Blog
6 months ago
Web design

Using the Figma grid features to design a responsive layout - LogRocket Blog

Responsive design is crucial for web development to ensure websites and apps work well on all screen sizes.
Grid systems, like the ones available in Figma, help designers create consistent and organized layouts for responsive designs.
Modular grids, column grids, and baseline grids are different types of grids that can be used in design. [ more ]
Medium
6 months ago
UX design

ChatGPT guide, when to test and when to leap, GenAI color sequencing

AI in design requires experienced UX professionals to maintain trust.
Using tools like ChatGPT and MidJourneyAI can raise questions about the trustworthiness of a designer's work.
Figma's future is uncertain amidst potential acquisition by Adobe. [ more ]
uxplanet.org
6 months ago
UX design

New UX Design and A.I Tools that I discovered in October 2023

Figma color wheel allows for easy creation of custom color palettes
Jony Eye helps identify design errors and problems in files
Recraft.ai is an AI-based application for creating logos and illustrations [ more ]
Medium
2 weeks ago
Web design

Maintaining a design system in Figma

Keep Figma design systems updated to avoid breaking consumer projects. [ more ]
Medium
4 weeks ago
Web design

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. [ more ]
Medium
1 month ago
UX design

12 Figma tips to work more efficiently

New 'Select matching layer' tool for targeted selection
Efficient multi-editing tools for text, variants, and layer renaming [ more ]
Streamline
2 months ago
UX design

How to design icons in Figma

Design should be democratic, revealing the process is important.
Use Figma for designing icons and utilize tools like frames and grids. [ more ]
Medium
3 months ago
Web design

Figma Tutorial: Designing the Hottest Hero Trends of 2024

Starting with a simple hero web design layout, morph into 5 different layouts.
Designing popular hero layout trends of 2024 for web and mobile, focusing on responsive and adaptive design. [ more ]
Figma
3 months ago
UX design

The Art and Science of Annotations in Dev Mode | Figma Blog

Annotations in Figma aim to bridge the gap between designers and developers by providing a centralized place for non-visual requirements.
Annotations address design qualities that can't be captured in the design itself and provide a platform for expressing attributes like accessibility properties and interactive behavior. [ more ]
[ Load more ]