

The Smartcat plugin for Figma will instantly translate your Figma pages and individual frames into any language, allowing you to modify and test layouts in one place, without the messiness of endless copies for every language. You can work your way towards your ‘Pass’ certificate by following these simple steps.Figma is a web-based graphics editing and user interface design app widely used for designing mobile app interfaces, prototyping designs, creating social media posts, and everything in between. We’re awarding ‘Pass’ level certificates for this course. For Merit certificates you will need to complete all your projects and pass the quiz before requesting your certificate.
Figma add desktop frame how to#
HOW TO EARN YOUR CERTIFICATE How to earn your certificate What are the next level handoffs aka design systemsġ11. Sharing Figma with developers & engineers handoffġ10. Talking to your developer early in the Figma design processġ09. How to share your document with clients & stakeholdersġ08. How to change the thumbnail for Figma Filesġ07. Micro interaction burger menu turned into a cross in Figmaġ04. Micro interaction toggle switch in Figmaġ03. Micro interactions using interactive components in Figmaġ02. How to make animated transitions in Figmaġ01. Class Project 18 - My Second Animationĩ9. The difference between animation & micro interactionsĩ7. How do you use team libraries in Figmaĩ6. What are Teams vs Projects vs Files in Figma?ĩ5. Automatic scroll down the page to anchor point in Figmaĩ4. How to make a horizontal scrolling swipe in Figmaĩ3. How to pin navigation to the top in Figmaĩ2. Slide in mobile nav menu overlay in Figmaĩ1. How to make & prototype a tool tip in FigmaĨ9. How to add a popup overlay modal in FigmaĨ7. Putting it all together in a desktop exampleĨ6. How to make a form using variants in FigmaĨ5. How to make a Multi Dimensional Variant in FigmaĨ3. Another way to make variables in FigmaĨ1. How to make a variable component in FigmaĨ0. Intro to the forward slash / naming convention in Figmaħ9. Where should you keep your main components in Figmaħ7. You can’t kill main components in Figmaħ6. Updating, Changing & Resetting your componentsħ5. How to save locally & save history in Figmaħ4. How to make Neumorphic UI buttons in Figmaħ2. Blur Layer, Background Blur & Image Blur in Figmaħ0. Nice drop shadow & inner drop shadow effects in FigmaĦ9. Adding Text Box Autoheight to Autolayout in FigmaĦ8. Combining Nested frames Auto Layout & Constraints in FigmaĦ6. What is Autolayout & expanding buttons in Figma?Ħ5. Do you need Photoshop for UX design in Figma?Ħ1. Tips & tricks for using images in Figmaĥ9. Do I need to know Illustrator with Figma?ĥ6. What is the difference? Union vs Flatten in Figmaĥ5. Boolean, Union, Subtract, Intersect and Exclude with Pathfinder in Figmaĥ2. Squircle buttons with iOS rounded courses in Figmaĥ1. Useful things to know about text in Figmaĥ0. Lorem ipsum & placeholder text in FigmaĤ6. What common font sizes should I choose in web design?Ĥ4.
Figma add desktop frame plus#
What fonts can I use? Plus font pairing in FigmaĤ3. Fonts on Desktop vs in Browser in FigmaĤ2. How to create & use Color Styles in FigmaĤ1. How to create a color palette in Figmaģ9. Color Inspiration & the eyedropper in Figmaģ7. Tips, Tricks, Preferences, and Weirdness in Figmaģ6. How to work with Columns & Grids in Figmaģ5. Sharing & editing with other UX designers in Figmaģ1. Sharing & Commenting on a Figma file with Stakeholdersģ0. What is Smart Animation & delays in Figma?Ģ8. Class Project 04 - Testing on your phoneĢ7. Testing on your phone with Figma MirrorĢ6. Prototype animation and easing in FigmaĢ5. Object editing and how to escape in FigmaĢ0. Strokes plus updating color defaults in Figmaġ4. Rectangles, Circles, Buttons and Rounded corners in Figmaġ3. Creating our design file & introducing frames in Figmaġ1. What is Lo Fi Wireframe vs High Fidelity in Figma?ĩ. Class Project 01 - Create your own briefĨ. What we are making in this Figma courseħ.

Whats the difference between UI and UX in FigmaĦ. What is Figma for & does it do the coding?ĥ. Introduction to Figma Essentials training courseĤ.
