The official way of removing a component according to Figma themselves is this: Select the main component (not an instance) Duplicate it (CTRL-D) to create an instance of that component Detach the instance of the component you just created. Delete the original component. ...
I am trying to make a plugin that documents color styles but I am having trouble with settign up the color token card component. I figured out how to add a component property but I don't know how I can apply that to the textNode. ...
Atomic design & Figma — SetProduct.comIn this post, designer Roman Kamushken, from UI kit site SetProduct.com, uses atomic design principles as the foundation for creating his design system — from words (headers, icons, etc), to phrases (buttons), to sentences (cards), to cha...
Another way to add a hover effect in Figma is by using a design-to-code tool Anima. This plugin has unique features you can implement while creating websites, app icons, or other web components in Figma. You only need to choose which component you want to animate and adjust the settings...
Keeping Figma fast By Slava Kim, Laurel Woods When a laptop crashed in an empty office, we knew it was time to overhaul our performance testing framework. Inside FigmaQuality & performanceEngineering Inside FigmaEngineeringBehind the scenes
Design your navbar. In the frame, add a white logo or some text and a nav icon. Then set a dark background color. Name your frame and layers to make them easier to distinguish later on. Create two copies of your navbar frame. (You could also make component variants rather than copyi...
Part 2 of our series on how we built a UI kit in Figma. This time, you’re finding out how we created buttons, alerts, tooltips, inputs, pagination and more.
If you are interested in iOS development, check out thesebest iOS development tools. And React Native or Flutter are used for hybrid app development. The choice of development language is another vital component in determining how difficult it is to develop your app. It affects the basics of ...
1. Copy or export HTML code snippets directly in Figma It is straightforward and intuitive:run Anima,select the frame/layer or component, andcopy the generated HTML code. If you are new to Figma, or Anima, here is a detailed step-by-step. ...
Wireframing is a fundamental part of every web creator’s design workflow. Learn how to wireframe a website from start to finish, and easily recreate it in Elementor.