A repository of Figma Components for Designers
Project Background
I wanted to create a batch of components for designers who need quick solutions to complex problems. When I was first learning Figma I relied heavily on pre-made components to not only put into my designs, but also to reverse engineer and figure out how to make certain things.
I started this component library as a way to give back to the Figma Community that has provided me with so much. I also wanted younger designers, namely my fellow designers at the Brandcenter to be able to design faster at a high fidelity.
Music Player
Description
I created this for designers who are looking to create a higher-fidelity mockup to provide proof of concept to clients or stakeholders. Often times when working on music apps, designers don't have the time to make the player work and be fully responsive to user input. In creating this, I hope to aid designers in creating anything music-related faster while still looking professional.
Use in your design!
Interactive Keyboard
Description
I wanted to create a tool that can take a good design to a great design in the eyes of stakeholders and clients. I figured that a working keyboard would take a prototype presentation to the next level. Having a keyboard in a prototype that actually works would make your design seem all the more professional, and make your design feel more real.
Use in your design!
Parallax Scrolling Component
Description
There are a many ways to create a scrolling animation in Figma. However, I wanted to create a simple scrolling component that could work on modern apps or websites.
Use in your design!
Interactive Carousel
Description
Here I created an interactive carousel component with seamless scrolling. Perfect for photo galleries, product cards, and any horizontal scrolling needs. It is also seamless when vertical scrolling and won't reset on scroll.
Use in your design!
A repository of Figma Components for Designers
Project Background
I wanted to create a batch of components for designers who need quick solutions to complex problems. When I was first learning Figma I relied heavily on pre-made components to not only put into my designs, but also to reverse engineer and figure out how to make certain things.
I started this component library as a way to give back to the Figma Community that has provided me with so much. I also wanted younger designers, namely my fellow designers at the Brandcenter to be able to design faster at a high fidelity.
Music Player
Description
I created this for designers who are looking to create a higher-fidelity mockup to provide proof of concept to clients or stakeholders. Often times when working on music apps, designers don't have the time to make the player work and be fully responsive to user input. In creating this, I hope to aid designers in creating anything music-related faster while still looking professional.
Use in your design!
Interactive Keyboard
Description
I wanted to create a tool that can take a good design to a great design in the eyes of stakeholders and clients. I figured that a working keyboard would take a prototype presentation to the next level. Having a keyboard in a prototype that actually works would make your design seem all the more professional, and make your design feel more real.
Use in your design!
Parallax Scrolling Component
Description
There are a many ways to create a scrolling animation in Figma. However, I wanted to create a simple scrolling component that could work on modern apps or websites.
Use in your design!
Interactive Carousel
Description
Here I created an interactive carousel component with seamless scrolling. Perfect for photo galleries, product cards, and any horizontal scrolling needs. It is also seamless when vertical scrolling and won't reset on scroll.
Use in your design!
A repository of Figma Components for Designers
Project Background
I wanted to create a batch of components for designers who need quick solutions to complex problems. When I was first learning Figma I relied heavily on pre-made components to not only put into my designs, but also to reverse engineer and figure out how to make certain things.
I started this component library as a way to give back to the Figma Community that has provided me with so much. I also wanted younger designers, namely my fellow designers at the Brandcenter to be able to design faster at a high fidelity.
Music Player
Description
I created this for designers who are looking to create a higher-fidelity mockup to provide proof of concept to clients or stakeholders. Often times when working on music apps, designers don't have the time to make the player work and be fully responsive to user input. In creating this, I hope to aid designers in creating anything music-related faster while still looking professional.
Use in your design!
Interactive Keyboard
Description
I wanted to create a tool that can take a good design to a great design in the eyes of stakeholders and clients. I figured that a working keyboard would take a prototype presentation to the next level. Having a keyboard in a prototype that actually works would make your design seem all the more professional, and make your design feel more real.
Use in your design!
Parallax Scrolling Component
Description
There are a many ways to create a scrolling animation in Figma. However, I wanted to create a simple scrolling component that could work on modern apps or websites.
Use in your design!
Interactive Carousel
Description
Here I created an interactive carousel component with seamless scrolling. Perfect for photo galleries, product cards, and any horizontal scrolling needs. It is also seamless when vertical scrolling and won't reset on scroll.
Use in your design!