How Unity Reflect is transforming the AEC industry
Unity Reflect is a BIM design and coordination solution that connects all project members on one immersive, collaborative, real-time platform regardless of device, model size, or geographic location. Transfer your BIM data from Revit, BIM360, Navisworks, SketchUp, and Rhino into real-time 3D experiences on a range of devices in augmented reality (AR) and virtual reality (VR) to bridge the gap between design and construction. Learn more: https://on.unity.com/3nbgwNc
Figma Tutorial: Importing & Exporting
Figma is free to use. Sign up here: http://bit.ly/figma-import-export This video covers the basics around importing and exporting various file types in Figma. If you have questions along the way head over to our user forum (https://spectrum.chat/figma) and connect with other Figma users. 0:00 - What files can you import to Figma 0:17 - How to import files to Figma 2:15 - Importing Sketch files to Figma 2:33 - How to export files from Figma 3:18 - How to change export sizes 4:04 - Exporting multiple layer settings 4:15 - Changing exported file names 5:00 - Exporting overlapping layers 5:50 - Using Figma’s Export Picker 7:17 - Removing the background frame when exporting 7:44 - Exporting files as a developer
Office hours: Building illustration systems with Pablo of @Sketch Together
Using the Blush plugin and illustrations from artists around the world, Rogie and @Pablo Stanley will create an illustration system with components, assets, and constraints. Figma is free to use. Sign up here: https://bit.ly/3fMjvrJ Blush Figma Plugin: https://bit.ly/2WF0FLE Blush: https://blush.design/ Pablo's Website: https://www.pablostanley.com/ Pablo's Channel: @Sketch Together
Office Hours: Building Style Guides
Rogie and Anthony share how to approach setting up a style guide for your brand and share Figma files from the community to get you started. Thumbtack's Design System in Figma: https://figma.zoom.us/recording/share/7b0EGquRufJxl3gtM8BuVf_wc3YtOQ6BxLBnbCszvcywIumekTziMw 0:00 Intro 0:45 Styler plugin to extract selections and generate styles 2:45 Design System Organizer plugin 5:30 Typescales plugin: Generate type scales based on a base font size 10:15 Importing Sketch styles 13:00 Setting type styles independently of color styles in Figma 15:30 Creating Grid styles 16:30 Creating style sub groups 19:00 Organizing components 23:00 Automatic Style guide plugin 26:00 Visualizing Grid styles using the Layout Grid Visualizer plugin 27:00 Tip: Control + G to toggle grids 29:50 Constraining object widths to fluid grids with fixed gutters 31:45 Community files: Github's Primer Design System 32:30 Splitting out your Design Systems into multiple team libraries 33:40 Github's Primer Primitives: Colors, Typography, Grids, Styles, etc. 34:15 Tip: Right-click, Set as Thumbnail to set any frame as a cover image 40:30 Documenting how to use your system within Figma 41:45 Microsoft's Fluent Web Design System 43:30 Using components and links to help with documentation 44:30 Semantic color names 45:00 Material theming Style Guide 46:00 Documenting how to use components in your style guide 48:00 Migrating components to other files 50:00 Dealing with breaking/non-breaking changes to components 55:30 Component updates and instance overrides
Design a Basic Layout in Figma
Start with the styles and design system foundation in Figma https://designcode.io/figma-basic-layout-and-techniques Out of all the design tools, Figma is probably the most fully-featured one. It’s every bit as powerful as Sketch, yet it went above and beyond to solve common issues like collaboration, version control, prototyping, icon illustration and so on. For creating a design system that’s collaborative and easy to share, Figma is unmatched. This portion is definitely geared towards beginners, so feel free to skip some steps. Download Assets To follow this course, you’ll need to download the assets. You can also get the Figma source files to compare your progress against mine. https://cl.ly/783ec8799b91/download/figma-assets.zip https://cl.ly/8609cdd78b22/download/figma-sourcefiles.zip
How to Get Stakeholders to Sketch: A Magic Formula
In ideation and many other UX activities, we want to include stakeholders and get them to participate in sketching UI prototypes and other visuals. Here are four tactics to getting everybody to sketch in your UX workshops.
02. 피그마를 이용한 모바일 사이트 코딩 작업 - 헤더 영역
피그마를 이용한 디자인 작업을 모바일 코딩으로 작업하는 튜토리얼 영상입니다. 참고 사이트 https://wtss.tistory.com/339
Figma Tutorial 피그마 간단하게 알아봅시다
해외에서 많이 쓴다는 Figma 뭐가 좋은건지 한번 훝어만 보겠습니다. Sketch를 비롯해서 앞으로 모든 디자인 툴의 튜토리얼을 만들어갈 예정입니다. Figma에 관심 있던 분들은 참고해보시면 좋겠습니다.