Learn more UI vs UX Read on to find out what it takes to design engaging UI, and create a memorable UX. Learn more Design research Discover the different types of research used in design and how to conduct them. Learn more Try Figma for free...
To create an effective storyboard, begin by identifying the topic you’re going to address, such as a frequently asked question by your customers or an onboarding experience. At the beginning of the video, you’ll want to quickly address what the video will teach the viewer, the tools or ...
Learn how we set up colors, typography, layout grids, shadows, border radiuses and icons in our original UI kit in Figma.
Now when you have all the Ant Design Figma components, you can go to the main dashboard, and create a new page. Under the resources panel on the sidebar, you can find the Ant Design styles. You can look for them via the search bar as well and just drag-and-drop them to your canv...
Figma is unlike Sketch, free to use for personal projects. Visit their website to test it out for yourself! It is a fantastic software program that allows you to create your own icons and logos. What are some tips and tricks you can use to make the program more user-friendly? This wil...
Figma is a design software that focuses on collaboration and development. It offers features for designing, prototyping, wireframing and more. Here are some of the features of Figma to look at: Auto layout:You won’t have to manually resize your designs for each device. The tool offers a fu...
Our nine month journey to horizontally shard Figma’s Postgres stack, and the key to unlocking (nearly) infinite scalability.
Your landing page matters. Here's how to create a landing page in HTML that your visitors actually want to land on.
Moving to this step, you’ll bring your app idea to life through design and prototyping. Start by creating a wireframe for your app. This is a basic sketch of your app’s layout and functionality. It helps you understand the flow and features of your app. Tools like Balsamiq and Sketch...
During this phase, you’ll be making the layout or wireframe of your design. This is a preliminary mockup that helps you identify the elements you need and where you want them to go. You won’t get in-depth with design elements at this stage, but you’ll get a good se...