Figleaf

Yann Bellot

Figleaf

Generate animated graphics with subtle random variations, without coding.

Overview

Figleaf allows you to create textures and shapes enriched with fine random variations in order to find in the design a formal richness close to that of nature.

→ View documentation in Medium

Shape feature list

Rectangular shape

  • Adjust width
  • Adjust height
  • Activate or deactivate border
  • Adjust border color and size
  • Activate or deactivate background gradient
  • Activate or deactivate background image

Circular shape

  • Diameter adjustment
  • Activate or deactivate border
  • Border color and size adjustment
  • Activate or deactivate background gradient
  • Activate or deactivate background image

Random shape transformation

  • Adjust the level of random dimension in with and height for rectangle and diameter for circle
  • Adjust the level of random distortion
  • Disable random transformation of segments (top, right, bottom, left) for rectangle
  • Morphing animation loop

Adjust random variations of fill color

  • Hue random level adjustment
  • Saturation random level adjustment
  • Lightness random level adjustment
  • Morphing animation loop

Choose a backgroud gradient

  • Choose linear or radial gradient
  • Adjust stop colors of gradient
  • Adjust hue random level
  • Adjust saturation random level
  • Adjust lightness random level
  • Adjust gradient distribution and orientation
  • Morphing animation loop

Choose a backgroud image

  • Image file (gif, png, jpeg) choice

Adjust random variations of border color

  • Adjust hue random level
  • Adjust saturation random level
  • Adjust lightness random level
  • Morphing animation loop

Texture feature list

Texture with lines

  • Adjust texture width
  • Adjust texture height
  • Adjust gap between lines
  • Adjust the random gap between lines
  • Adjust the thickness and color of the lines
  • Adjust the random level of line thickness
  • Adjust hue random level
  • Adjust saturation random level
  • Adjust lightness random level

Texture with images

  • Choose images file (png, jpeg, jpg, gif)
  • Adjust images scale
  • Adjust the random scale of images
  • Adjust images rotation
  • Adjust random variations in image rotation
  • Adjust the horizontal gap between images
  • Adjust the horizontal random gap between images
  • Adjust the vertical gap between images
  • Adjust the vertical random gap between images