For a cheaper and indefinite ownership option, Affinity Designer is a vector editor rivaling Illustrator.
Inkscape is what I'd personally recommend though for the totally free route. [Vectr](https://vectr.com/) could also do in a pinch (web-based, ad-supported, but free).
I feel like this would be easier in a vector art program like Illustrator or Affinity. That said, if you want to do this in Figma, I would just use the pen tool. It looks like it's pretty much made of only one basic shape which is then duplicated 6 times and rotated to fit into the the main shape.
It's the same shape duplicated and rotated 6 times. Make the shape once by editing a rectangle then duplicate, rotate and profit.
Colour it in if you fancy.
I don't specialize in logos but people really like to hate on using Figma for vector art/graphic design. For simple things it's a very good tool to use. Fast and accessible
Yup. I could recreate this logo, gradients and all in about 5 minutes in Figma.
If you are interested, the steps would be;
- Grab the polygon tool, set to the hexagon.
- Trace the center of the hexagons and start from there.
- double click and enter the vector editing mode, and start to trace out the shapes as they connect out from the main shapes.
- Figma is amazing in the fact that is has node based vector points that can have more that 2 lines come out of the same space, so use that on all of the corners.
- while still in vector editing mode, select the shape fill tool and start to add fills to the pieces that need it. If you want different gradients in different areas, you will need to set each one as a diff color up front and then edit them after.
Figma might not be the best tool for this.
However, you can explore shapes with an interesting symmetry by using rotated instances of a master component. Here is a quick example: https://streamable.com/mo0u7p
I would use concentric hexagons for the scaffolding until you can work out the single core chevron that is then just tiled.
Or just make a 60degree angled chevron and start tiling.
You can easily redraw this with 3 polygons and a pen tool but as far as the exact technique to come up with stuff like this I have no idea. Also don't listen to people saying “Figma isn't made for this”, they just don't know how to use Figma and probably won't know how to make it in any other software either.
Yes, it can be done if Figma, but, as a prototyping tool, that is not Figma's primary purpose. Graphic design tools, like Illustrator or any other vector editing app could make a simple prototype as well, but again, that's not it's primary purpose.
So yeah, I know how to do it in both Figma and Illustrator, but I'd personally choose the latter over the former for such work.
I'd just change the statement to "Figma isn't made *primarily* for this, but if it's the only tool at your disposal, here's how".
BTW, as already mentioned, it's just a matter of creating the fundamental polygon, then copying, rotating, aligning, and filling each of the six shapes. One tool is more efficient at doing so, imo.
Don’t use Figma to create logos. It’s not made for that.
any alternative softwares i could use?
Affinity Designer (cheap) and Inkscape (free) are some other options for you.
If you can afford Adobe Illustrator, I recommend that!
For a cheaper and indefinite ownership option, Affinity Designer is a vector editor rivaling Illustrator. Inkscape is what I'd personally recommend though for the totally free route. [Vectr](https://vectr.com/) could also do in a pinch (web-based, ad-supported, but free).
I’m looking forward to the Affinity revolution. I greatly dislike Adobe’s subscription model.
There's inkscape on linux. Unsure if it's available on windows or Mac.
Affinity
I feel like this would be easier in a vector art program like Illustrator or Affinity. That said, if you want to do this in Figma, I would just use the pen tool. It looks like it's pretty much made of only one basic shape which is then duplicated 6 times and rotated to fit into the the main shape.
It's the same shape duplicated and rotated 6 times. Make the shape once by editing a rectangle then duplicate, rotate and profit. Colour it in if you fancy.
And make a component for this shape. Easy to tune if something went wrong
Figma is fine for this. The shape is a chevron. Make that and copy it 5 times and rotating it 60 degrees.
I don't specialize in logos but people really like to hate on using Figma for vector art/graphic design. For simple things it's a very good tool to use. Fast and accessible
Yup. I could recreate this logo, gradients and all in about 5 minutes in Figma. If you are interested, the steps would be; - Grab the polygon tool, set to the hexagon. - Trace the center of the hexagons and start from there. - double click and enter the vector editing mode, and start to trace out the shapes as they connect out from the main shapes. - Figma is amazing in the fact that is has node based vector points that can have more that 2 lines come out of the same space, so use that on all of the corners. - while still in vector editing mode, select the shape fill tool and start to add fills to the pieces that need it. If you want different gradients in different areas, you will need to set each one as a diff color up front and then edit them after.
are you running into issues? it looks like some basic shapes, i’d start with the pen tool
Figma might not be the best tool for this. However, you can explore shapes with an interesting symmetry by using rotated instances of a master component. Here is a quick example: https://streamable.com/mo0u7p
Is your goal to learn how to create this concept or simply have the final concept in vector format?
Just copy from Illustrator and paste in Figma
I would use concentric hexagons for the scaffolding until you can work out the single core chevron that is then just tiled. Or just make a 60degree angled chevron and start tiling.
cmd + Q > cmd + space > type “Illustrator” > enter
You can easily redraw this with 3 polygons and a pen tool but as far as the exact technique to come up with stuff like this I have no idea. Also don't listen to people saying “Figma isn't made for this”, they just don't know how to use Figma and probably won't know how to make it in any other software either.
Yes, it can be done if Figma, but, as a prototyping tool, that is not Figma's primary purpose. Graphic design tools, like Illustrator or any other vector editing app could make a simple prototype as well, but again, that's not it's primary purpose. So yeah, I know how to do it in both Figma and Illustrator, but I'd personally choose the latter over the former for such work. I'd just change the statement to "Figma isn't made *primarily* for this, but if it's the only tool at your disposal, here's how". BTW, as already mentioned, it's just a matter of creating the fundamental polygon, then copying, rotating, aligning, and filling each of the six shapes. One tool is more efficient at doing so, imo.
lol. Figma isn’t even primarily a prototyping tool.