0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#16 in Gradients

Photo Gradient

Create dream-like mesh gradients from images

by Daniel Destefanis

users
9.2K
likes
702
saves
3.7K
comments
9
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v5 ยท Nov 24, 2024
First published
Nov 12, 2024
Publisher
Daniel Destefanis
Features

What Photo Gradient does

Summarised from Daniel Destefanis's description on the Figma Community.

  • Open the plugin

  • Either upload/paste an image after hitting image icon

  • OR select a frame/image with the target icon to use something already on your canvas

  • Adjust the color placement

  • Then play with the noise, warp, and color placements

On this page
Overview

About Photo Gradient

Photo Gradient is a free Figma plugin published by Daniel Destefanis in 2024. It works in Figma Design and has 9,171 users and 702 likes on the Figma Community. It ranks #16 in Gradients on our lists.

In the developer's words

Create stunning gradients either by hand or by using the colors from an image. Photo gradient makes it easy to grab the colors of a photo and turn it into a mesh gradient to use in your designs.

  1. Open the plugin
  2. Either upload/paste an image after hitting image icon
  3. OR select a frame/image with the target icon to use something already on your canvas
  4. Adjust the color placement
  5. Then play with the noise, warp, and color placements.

I was tired of gradient tools that weren't fun to use so I built one that others can use for free.

It's also available on the web at photogradient.com

Changelog

What's new

Version 5 ยท released Nov 24, 2024

  • Updated issue with flipped image exports
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Photo Gradient ranks

Compare

Photo Gradient alternatives

  1. 1

    Morph

    by Milan Maheshwari

    348K users7KFree

    Create awesome effects like Skeuomorph, Neon, Glass, Mesh Gradients, & more!

    View details
  2. 2

    Noisy Gradients

    by vijay verma

    322K users6KFree

    Create beautiful grainy gradient backgrounds

    View details
  3. 3

    Grainy Gradient

    by Shuvojit Das

    212K users2.5KFree

    Add a trendy twist to your designs with Grainy Gradient.

    View details
  4. 4

    uiGradients

    by Kamal Nayan

    212K users3.2KFree

    Adds gradients to groups, text and frames in single click.

    View details
  5. 5

    Easing Gradients

    by Alex Widua

    100K users1.6KFree
    View details
  6. 6

    Generative Gradients

    by vk

    97K users1.7KFree

    Create Stunning Gradients with the Power of Generative Art

    View details
FAQ

Photo Gradient FAQ

What does Photo Gradient do?

Create dream-like mesh gradients from images. It's a Figma plugin by Daniel Destefanis that runs in Figma Design.

Is Photo Gradient free?

Yes. Photo Gradient is free to install and run from the Figma Community, with no paid tier listed.

How do I install Photo Gradient?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Photo Gradient?

By user count, the closest alternatives are Morph, Noisy Gradients and Grainy Gradient. Compare all of them on the best Figma plugins for gradients.

For developers

Built this plugin?

Use this page as a landing page for Photo Gradient: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Photo Gradient on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/photo-gradient/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Photo Gradient on figmaplugins.co" width="220" height="48"></a>