Press Play and Listen to this article on Nyongesa Sande!!
This article will show you how to create a textured image using Figma. Figma is a vector graphics editor and prototyping tool which is primarily web-based, with additional offline features enabled by desktop applications for macOS and Windows. The Figma Mirror companion apps for Android and iOS allow viewing Figma prototypes in real-time on mobile devices. The feature set of Figma focuses on use in user interface and user experience design, with an emphasis on real-time collaboration.
||September 27, 2016
||Linux, macOS, Windows, Chrome OS
Dylan Field and Evan Wallace began working on Figma in 2012. The idea for a web-based design tool was one of many ideas Field and Wallace brainstormed in 2011 while they were students at Brown University. In 2012, Wallace graduated from Brown and Field dropped out to accept a Thiel Fellowship, which provided $100,000 to pursue a startup idea. The two moved to San Francisco to work on Figma full-time.
Figma started offering a free invite-only preview program on December 3, 2015. It saw its first public release on September 27, 2016.
On October 22, 2019, Figma launched Figma Community, allowing designers to publish their work for others to view and adapt.
In June 2013, Figma raised $3.8 million in seed funding. In December 2015, the company raised $14 million in Series A funding.In February 2018, Figma raised $25 million in a Series B round. In February 2019, Figma raised $40 million in Series C funding. In April 2020, Figma raised $50 million in a Series D funding round.
As of April 2020, Figma was valued at more than $2 billion
Getting the Image Ready
- Download an image with texture. Visit Unsplash and type in ‘texture’. Download any image with visible texture.
- Create a frame. Open Figma and create any desired frame.
Adding the Image in the Frame
- Click on the color square on the design panel, on the right hand of the screen.
- Click on the drop-down menu.
- Select ‘Image’.
- Click on ‘Choose Image’ and select your downloaded image.
Adding the Texture
- Click on the plus (+) sign.
- Click on the color square.
- Click on the drop-down and select ‘Solid’.
- Choose a color that shows a visible change; preferably dark colors.
- Decrease the opacity to see the effect. Adjust until the effect is visible.